/*
Theme Name:  Daffo Ajans Medya
Theme URI:   https://daffoajans.com
Author:      Daffo Medya
Description: Stratejik İletişim ve Marka Yönetimi Ajansı
Version:     2.0.0
Text Domain: daffo
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,600&family=Montserrat:wght@300;400;500;600;700&family=Dancing+Script:wght@700&display=swap');

/* ════════════════════════════════════════
   CSS VARIABLES
════════════════════════════════════════ */
:root {
  --green-dark:  #1a3d2b;
  --green-mid:   #2d6a4f;
  --green-light: #52b788;
  --green-pale:  #a8d5b5;
  --green-ghost: #d8f3dc;
  --white:       #ffffff;
  --off-white:   #f7fbf8;
  --gray-light:  #e8ede9;
  --gray-text:   #556357;

  --font-body:   'Montserrat', sans-serif;
  --font-serif:  'Cormorant Garamond', serif;
  --font-script: 'Dancing Script', cursive;

  --radius:      10px;
  --ease:        cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition:  0.38s var(--ease);
  --shadow:      0 6px 32px rgba(26,61,43,0.10);
  --shadow-lg:   0 18px 56px rgba(26,61,43,0.18);
}

/* ════════════════════════════════════════
   RESET
════════════════════════════════════════ */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html  { scroll-behavior:smooth; font-size:16px; }
body  { font-family:var(--font-body); color:var(--green-dark); background:var(--white); overflow-x:hidden; line-height:1.7; }
img   { max-width:100%; height:auto; display:block; }
a     { text-decoration:none; color:inherit; }
ul,ol { list-style:none; }
button { cursor:pointer; background:none; border:none; font-family:inherit; }
::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--green-ghost); }
::-webkit-scrollbar-thumb { background:var(--green-mid); border-radius:3px; }

/* ════════════════════════════════════════
   LAYOUT HELPERS
════════════════════════════════════════ */
.container {
  width:100%; max-width:1160px;
  margin:0 auto; padding:0 40px;
}

.section-tag {
  display:block; text-align:center;
  font-size:10px; font-weight:700; letter-spacing:5px;
  text-transform:uppercase; color:var(--green-mid);
  margin-bottom:52px; position:relative;
}
.section-tag::before,.section-tag::after {
  content:''; position:absolute; top:50%;
  width:60px; height:1px; background:var(--green-pale);
}
.section-tag::before { right:calc(50% + 110px); }
.section-tag::after  { left: calc(50% + 110px); }

/* ════════════════════════════════════════
   BUTTONS
════════════════════════════════════════ */
.btn {
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 36px;
  font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  border:1.5px solid var(--green-dark);
  transition:var(--transition); position:relative; overflow:hidden;
}
.btn::before {
  content:''; position:absolute; inset:0;
  background:var(--green-dark);
  transform:translateX(-101%);
  transition:transform 0.38s var(--ease);
  z-index:0;
}
.btn:hover::before { transform:translateX(0); }
.btn span { position:relative; z-index:1; }

.btn-solid {
  background:var(--green-dark); color:var(--white);
  border-color:var(--green-dark);
}
.btn-solid::before { background:var(--green-mid); }

.btn-outline { color:var(--green-dark); }
.btn-outline:hover { color:var(--white); }

.btn-white {
  color:var(--white); border-color:var(--white);
}
.btn-white::before { background:var(--white); }
.btn-white:hover { color:var(--green-dark); }

/* ════════════════════════════════════════
   SVG ICONS (inline reuse)
════════════════════════════════════════ */
.icon { width:20px; height:20px; fill:currentColor; flex-shrink:0; }

/* ════════════════════════════════════════
   HEADER
════════════════════════════════════════ */
#site-header {
  position:fixed; inset:0 0 auto; z-index:900;
  padding:22px 0;
  transition:background var(--transition), padding var(--transition), box-shadow var(--transition);
}
#site-header.scrolled {
  background:rgba(255,255,255,0.96);
  backdrop-filter:blur(14px);
  box-shadow:0 1px 24px rgba(26,61,43,0.08);
  padding:14px 0;
}
.header-inner {
  display:flex; align-items:center; justify-content:space-between;
  max-width:1160px; margin:0 auto; padding:0 40px;
}

/* Logo */
.site-logo { display:flex; flex-direction:column; align-items:flex-start; line-height:1; }
.logo-wordmark {
  font-family:var(--font-serif); font-size:30px; font-weight:300;
  color:var(--green-dark); letter-spacing:1px;
}
.logo-sub {
  font-family:var(--font-body); font-size:7.5px; font-weight:600;
  letter-spacing:4px; text-transform:uppercase; color:var(--green-mid);
  margin-top:1px;
}

/* Hamburger */
.hamburger {
  display:flex; flex-direction:column; justify-content:center;
  gap:5px; width:34px; height:34px; padding:4px;
}
.hamburger span {
  display:block; height:1.5px; background:var(--green-dark);
  transition:var(--transition); transform-origin:center;
}
.hamburger[aria-expanded="true"] span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
.hamburger[aria-expanded="true"] span:nth-child(2) { opacity:0; transform:scaleX(0); }
.hamburger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

/* ════════════════════════════════════════
   MOBILE MENU
════════════════════════════════════════ */
.menu-overlay {
  position:fixed; inset:0;
  background:rgba(10,28,18,0.45); backdrop-filter:blur(4px);
  z-index:910; opacity:0; pointer-events:none;
  transition:opacity 0.38s ease;
}
.menu-overlay.open { opacity:1; pointer-events:all; }

.mobile-menu {
  position:fixed; top:0; right:-100%; bottom:0;
  width:min(340px, 100vw);
  background:var(--white); z-index:920;
  display:flex; flex-direction:column;
  padding:90px 44px 50px;
  transition:right 0.48s var(--ease);
  overflow:hidden;
}
.mobile-menu.open { right:0; }

.mobile-menu nav { display:flex; flex-direction:column; gap:0; }
.mobile-menu nav a {
  display:block; padding:16px 0;
  font-size:12px; font-weight:600; letter-spacing:2.5px; text-transform:uppercase;
  color:var(--green-dark); border-bottom:1px solid var(--green-ghost);
  transition:color var(--transition), padding-left var(--transition);
}
.mobile-menu nav a:hover { color:var(--green-light); padding-left:8px; }

/* Decorative leaf inside menu */
.mobile-menu::after {
  content:''; position:absolute; bottom:-40px; right:-40px;
  width:220px; height:280px; border-radius:50% 50% 40% 60%;
  background:radial-gradient(ellipse at 60% 40%, var(--green-ghost) 0%, transparent 70%);
  pointer-events:none;
}
.menu-logo-bottom {
  margin-top:auto; padding-top:32px;
}
.menu-logo-bottom .logo-wordmark { font-size:42px; opacity:0.08; }

/* ════════════════════════════════════════
   SOCIAL ICONS
════════════════════════════════════════ */
.social-row { display:flex; align-items:center; gap:20px; }
.social-row a { display:flex; align-items:center; transition:opacity var(--transition), transform var(--transition); opacity:0.6; }
.social-row a:hover { opacity:1; transform:translateY(-2px); }
.social-row svg { width:17px; height:17px; fill:currentColor; }

/* ════════════════════════════════════════
   ORGANIC BLOB BACKGROUND (reusable)
════════════════════════════════════════ */
.blob-wrap {
  position:absolute; top:0; right:0;
  width:55%; height:100%; pointer-events:none; overflow:hidden; z-index:0;
}
.blob-wrap svg { width:100%; height:100%; }

/* ════════════════════════════════════════
   WATERMARK TEXT
════════════════════════════════════════ */
.watermark {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  font-family:var(--font-serif); font-size:260px; font-weight:300;
  color:rgba(26,61,43,0.04); pointer-events:none; white-space:nowrap;
  line-height:1; user-select:none; z-index:0;
}

/* ════════════════════════════════════════
   LOGO CIRCLE BADGE
════════════════════════════════════════ */
.logo-circle {
  position:absolute; right:100px; top:50%; transform:translateY(-50%);
  width:176px; height:176px; border-radius:50%;
  background:var(--gray-light);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  box-shadow:var(--shadow); z-index:2;
}
.logo-circle .logo-wordmark { font-size:26px; }
.logo-circle .logo-sub { font-size:7px; }

/* ════════════════════════════════════════
   SECTION SCROLL DOTS
════════════════════════════════════════ */
.scroll-dots {
  display:flex; align-items:center; justify-content:center; gap:5px;
  margin-bottom:52px;
}
.scroll-dots span {
  display:block; border-radius:50%;
  background:var(--green-pale); transition:var(--transition);
}
.scroll-dots span:nth-child(1),.scroll-dots span:nth-child(5) { width:5px; height:5px; }
.scroll-dots span:nth-child(2),.scroll-dots span:nth-child(4) { width:7px; height:7px; }
.scroll-dots span:nth-child(3) { width:9px; height:9px; }
.scroll-dots span.active { background:var(--green-dark); }

/* ════════════════════════════════════════
   VERTICAL DECO LINES
════════════════════════════════════════ */
.vert-deco {
  position:absolute; right:64px; top:0; bottom:0;
  display:flex; gap:7px; pointer-events:none;
}
.vert-deco span { display:block; width:1px; background:var(--green-pale); opacity:0.4; }

/* ════════════════════════════════════════
   HERO SECTION
════════════════════════════════════════ */
#hero {
  min-height:100svh; display:flex; align-items:center;
  position:relative; overflow:hidden; background:var(--white);
}
#hero.dark { background:var(--green-dark); }

.hero-content {
  position:relative; z-index:2;
  max-width:580px; padding-top:80px;
}
.hero-eyebrow {
  font-size:11px; font-weight:600; letter-spacing:1.5px;
  color:var(--green-dark); margin-bottom:14px;
}
#hero.dark .hero-eyebrow { color:var(--green-pale); }
.hero-eyebrow strong { color:var(--green-mid); }
#hero.dark .hero-eyebrow strong { color:var(--green-light); }

.hero-heading {
  font-family:var(--font-script);
  font-size:clamp(38px, 6vw, 70px);
  line-height:1.2; color:var(--green-dark);
  margin-bottom:28px;
}
#hero.dark .hero-heading { color:var(--white); }

.hero-desc {
  font-size:12.5px; font-weight:300; color:var(--gray-text);
  line-height:1.85; max-width:420px; margin-bottom:44px;
}
#hero.dark .hero-desc { color:rgba(255,255,255,0.65); }

.hero-logo-circle { display:flex; }

/* Scroll indicator */
.scroll-down {
  position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
  z-index:5; display:flex; flex-direction:column; align-items:center; gap:8px;
  font-size:9px; letter-spacing:3px; text-transform:uppercase; color:var(--green-mid);
  text-decoration:none;
}
#hero.dark .scroll-down { color:rgba(255,255,255,0.5); }
.scroll-down-ring {
  width:38px; height:38px; border-radius:50%;
  border:1px solid currentColor;
  display:flex; align-items:center; justify-content:center;
  animation:scrollBounce 2s ease infinite;
}
@keyframes scrollBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(5px)} }
.scroll-down-ring svg { width:14px; height:14px; fill:currentColor; }

/* Hero bottom bar */
.hero-bar {
  position:absolute; bottom:0; left:0; right:0;
  padding:18px 40px; display:flex; align-items:center;
  border-top:1px solid rgba(26,61,43,0.07); z-index:5;
}
#hero.dark .hero-bar { border-color:rgba(255,255,255,0.08); }
#hero.dark .hero-bar .social-row a { color:var(--white); }

/* ════════════════════════════════════════
   NELER YAPIYORUZ
════════════════════════════════════════ */
#neler-yapiyoruz {
  padding:110px 0; background:var(--white); position:relative; overflow:hidden;
}
.neler-badge {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--green-dark); color:var(--white);
  padding:11px 22px; font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  margin-bottom:44px;
}
.neler-cols { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; max-width:860px; }
.neler-item { padding-left:18px; border-left:2px solid var(--green-ghost); margin-bottom:32px; transition:border-color var(--transition); }
.neler-item:hover { border-color:var(--green-light); }
.neler-item h3 { font-size:13px; font-weight:700; color:var(--green-dark); margin-bottom:8px; }
.neler-item p  { font-size:12px; font-weight:300; color:var(--gray-text); line-height:1.85; }
.neler-reasons { background:var(--off-white); border-radius:var(--radius); padding:32px; }
.neler-reasons h3 { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--green-dark); margin-bottom:18px; }
.neler-reasons li {
  display:flex; align-items:center; gap:10px;
  font-size:12px; color:var(--gray-text);
  padding:9px 0; border-bottom:1px solid var(--green-ghost);
}
.neler-reasons li:last-child { border-bottom:none; }
.neler-reasons li::before {
  content:''; width:5px; height:5px; border-radius:50%;
  background:var(--green-light); flex-shrink:0;
}

/* ════════════════════════════════════════
   HİZMET ALANLARI
════════════════════════════════════════ */
#hizmet-alanlari {
  padding:110px 0; background:var(--off-white); position:relative; overflow:hidden;
}
.hizmet-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; position:relative; z-index:1; }
.hizmet-card {
  border-radius:var(--radius); overflow:hidden; position:relative;
  aspect-ratio:1; background:var(--green-dark); cursor:pointer;
  transition:transform var(--transition), box-shadow var(--transition);
}
.hizmet-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.hizmet-card-bg {
  position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0.3; transition:transform 0.6s ease, opacity var(--transition);
}
.hizmet-card:hover .hizmet-card-bg { transform:scale(1.06); opacity:0.45; }
.hizmet-card-body {
  position:absolute; bottom:0; left:0; right:0; padding:20px;
  background:linear-gradient(transparent,rgba(14,36,24,0.85));
}
.hizmet-card-body h3 { font-size:13px; font-weight:700; color:var(--white); margin-bottom:4px; }
.hizmet-card-body p  { font-size:10px; color:rgba(255,255,255,0.7); font-weight:300; }

/* ════════════════════════════════════════
   ÇALIŞMALARIMIZ
════════════════════════════════════════ */
#calismalarimiz { padding:110px 0; background:var(--white); position:relative; overflow:hidden; }

.portfolio-wrap { position:relative; z-index:1; }
.portfolio-nav  { display:flex; gap:10px; margin-bottom:22px; }
.port-btn {
  width:42px; height:42px; border-radius:50%;
  border:1px solid var(--green-pale); background:var(--white);
  display:flex; align-items:center; justify-content:center;
  transition:var(--transition); color:var(--green-dark); font-size:15px;
}
.port-btn:hover { background:var(--green-dark); color:var(--white); border-color:var(--green-dark); }

.portfolio-slider { overflow:hidden; border-radius:var(--radius); }
.portfolio-track  { display:flex; gap:20px; transition:transform 0.5s var(--ease); }
.portfolio-slide  { flex-shrink:0; width:calc(50% - 10px); border-radius:var(--radius); overflow:hidden; position:relative; }
.portfolio-slide img { width:100%; height:260px; object-fit:cover; transition:transform 0.6s ease; display:block; }
.portfolio-slide:hover img { transform:scale(1.04); }
.portfolio-slide-label {
  position:absolute; bottom:0; left:0; right:0;
  padding:20px; background:linear-gradient(transparent,rgba(14,36,24,0.75));
  color:var(--white); font-size:12px; font-weight:600; letter-spacing:0.5px;
  opacity:0; transition:opacity var(--transition);
}
.portfolio-slide:hover .portfolio-slide-label { opacity:1; }

/* ════════════════════════════════════════
   BİZE GÜVENENLER
════════════════════════════════════════ */
#bize-guvenenler { padding:110px 0; background:var(--off-white); position:relative; overflow:hidden; }

/* Desktop grid */
.brands-grid {
  display:grid; grid-template-columns:repeat(5,1fr);
  gap:28px 36px; align-items:center;
  position:relative; z-index:1; margin-bottom:52px;
}
.brand-item {
  display:flex; align-items:center; justify-content:center;
  padding:14px 10px;
  filter:grayscale(100%); opacity:0.55;
  transition:filter var(--transition), opacity var(--transition), transform var(--transition);
}
.brand-item:hover { filter:none; opacity:1; transform:scale(1.05); }
.brand-item img { max-height:48px; max-width:110px; object-fit:contain; }
.brand-item-text {
  font-size:11px; font-weight:700; text-align:center;
  color:var(--green-dark); letter-spacing:0.5px;
}

/* Mobile carousel */
.brands-mobile {
  display:none;
  overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none; gap:0;
  margin-bottom:36px; padding-bottom:4px;
}
.brands-mobile::-webkit-scrollbar { display:none; }
.brands-mobile .brand-item {
  flex:0 0 38vw; max-width:150px;
  scroll-snap-align:center; padding:12px 14px;
}
.brands-mobile .brand-item img { max-height:40px; max-width:90px; }

/* "Tüm Referanslar" button row */
.brands-cta { display:flex; justify-content:center; }

/* ════════════════════════════════════════
   REFERANSLAR ARŞİV SAYFASI
════════════════════════════════════════ */
.page-hero {
  padding:140px 0 70px; text-align:center;
  background:var(--off-white); position:relative; overflow:hidden;
}
.page-hero h1 { font-family:var(--font-serif); font-size:clamp(36px,5vw,60px); font-weight:300; color:var(--green-dark); margin-bottom:16px; }
.page-hero p  { font-size:13px; font-weight:300; color:var(--gray-text); max-width:500px; margin:0 auto; }

.referans-grid {
  display:grid; grid-template-columns:repeat(5,1fr);
  gap:32px 40px; align-items:center;
  padding:80px 0;
}
.referans-card {
  display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:24px 16px; border:1px solid var(--green-ghost); border-radius:var(--radius);
  text-align:center; transition:var(--transition);
}
.referans-card:hover { border-color:var(--green-pale); box-shadow:var(--shadow); transform:translateY(-4px); }
.referans-card img { max-height:54px; max-width:120px; object-fit:contain; filter:grayscale(60%); transition:filter var(--transition); }
.referans-card:hover img { filter:none; }
.referans-card span { font-size:11px; font-weight:600; color:var(--gray-text); }

/* ════════════════════════════════════════
   ÇALIŞMALAR ARŞİV SAYFASI
════════════════════════════════════════ */
.calisma-filter {
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
  margin-bottom:52px;
}
.filter-btn {
  padding:8px 22px; border:1.5px solid var(--green-ghost);
  border-radius:30px; font-size:11px; font-weight:600; letter-spacing:1px;
  color:var(--green-dark); transition:var(--transition);
}
.filter-btn:hover, .filter-btn.active {
  background:var(--green-dark); color:var(--white); border-color:var(--green-dark);
}

.calisma-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.calisma-card { border-radius:var(--radius); overflow:hidden; position:relative; }
.calisma-card img { width:100%; height:240px; object-fit:cover; display:block; transition:transform 0.5s ease; }
.calisma-card:hover img { transform:scale(1.04); }
.calisma-card-info {
  padding:18px 20px; background:var(--white);
  border:1px solid var(--green-ghost); border-top:none;
  border-radius:0 0 var(--radius) var(--radius);
}
.calisma-card-info h3 { font-size:14px; font-weight:600; color:var(--green-dark); margin-bottom:4px; }
.calisma-card-info span { font-size:11px; color:var(--green-light); font-weight:500; }

/* ════════════════════════════════════════
   İLETİŞİM
════════════════════════════════════════ */
#iletisim { background:var(--white); }

/* Harita başlık */
.iletisim-konumuz { }
.iletisim-konumuz-header { padding:64px 0 32px; text-align:center; }

/* Harita */
.iletisim-map { height:360px; }
.iletisim-map iframe { width:100%; height:100%; border:none; display:block; }

/* Sol + Sağ split */
.iletisim-split {
  display:grid; grid-template-columns:1fr 1fr;
}

/* Sol panel */
.iletisim-left {
  padding:80px 64px; position:relative; overflow:hidden;
  display:flex; align-items:center;
  background:var(--white);
}
.iletisim-left-inner {
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:24px;
}
.iletisim-logo {
  display:inline-flex; flex-direction:column;
  text-decoration:none;
}
.iletisim-logo .logo-wordmark { font-size:48px; color:var(--green-dark); }
.iletisim-logo .logo-sub      { font-size:8px; letter-spacing:4px; color:var(--green-mid); }
.iletisim-desc {
  font-size:12.5px; font-weight:300; color:var(--gray-text);
  line-height:1.85; max-width:380px;
}
.iletisim-desc strong { color:var(--green-dark); font-weight:700; }

/* Sağ panel */
.iletisim-right {
  background:var(--green-dark);
  padding:80px 64px;
  position:relative; overflow:hidden;
  display:flex; align-items:center;
}
.iletisim-right-leaf {
  position:absolute; bottom:-50px; right:-40px;
  width:260px; pointer-events:none; z-index:0;
}

/* İletişim listesi */
.contact-list {
  display:flex; flex-direction:column; gap:30px;
  position:relative; z-index:1; width:100%;
}
.contact-row { display:flex; align-items:flex-start; gap:16px; }
.contact-row .icon { width:20px; height:20px; flex-shrink:0; margin-top:3px; }
.contact-row-body { display:flex; flex-direction:column; gap:3px; }
.contact-row-body strong {
  font-size:9px; font-weight:700; letter-spacing:2.5px;
  text-transform:uppercase; color:rgba(255,255,255,0.45);
}
.contact-row-body a,
.contact-row-body p {
  font-size:13px; color:rgba(255,255,255,0.85);
  font-weight:300; line-height:1.6;
  transition:color var(--transition); margin:0;
}
.contact-row-body a:hover { color:var(--white); }

/* ════════════════════════════════════════
   FOOTER
════════════════════════════════════════ */
#site-footer { background:var(--green-dark); color:var(--white); padding:52px 0 28px; }
.footer-inner { display:flex; flex-direction:column; align-items:center; gap:24px; }
.footer-logo .logo-wordmark { color:var(--white); font-size:28px; }
.footer-logo .logo-sub { color:var(--green-pale); margin:0 auto; }
.footer-social .social-row a { color:rgba(255,255,255,0.5); }
.footer-social .social-row a:hover { color:var(--white); opacity:1; }
.footer-copy { font-size:10.5px; color:rgba(255,255,255,0.3); letter-spacing:1px; text-align:center; }

/* ════════════════════════════════════════
   SCROLL ANIMATIONS
════════════════════════════════════════ */
.reveal { opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease; }
.reveal.in { opacity:1; transform:none; }
.reveal-delay-1 { transition-delay:0.10s; }
.reveal-delay-2 { transition-delay:0.20s; }
.reveal-delay-3 { transition-delay:0.30s; }
.reveal-delay-4 { transition-delay:0.40s; }
.reveal-delay-5 { transition-delay:0.50s; }

/* ════════════════════════════════════════
   ARCHIVE / SINGLE PAGES
════════════════════════════════════════ */
.site-main { padding:120px 0 80px; }
.page-content { max-width:760px; }
.page-content h1 { font-family:var(--font-serif); font-size:clamp(32px,4vw,52px); font-weight:300; margin-bottom:24px; }
.page-content p { font-size:13.5px; line-height:1.9; color:var(--gray-text); margin-bottom:16px; }

/* ════════════════════════════════════════
   RESPONSIVE — TABLET (≤1024px)
════════════════════════════════════════ */
@media (max-width:1024px) {
  .hizmet-grid   { grid-template-columns:repeat(2,1fr); }
  .brands-grid   { grid-template-columns:repeat(4,1fr); gap:22px 28px; }
  .referans-grid { grid-template-columns:repeat(4,1fr); }
  .calisma-grid  { grid-template-columns:repeat(2,1fr); }
  .iletisim-split  { grid-template-columns:1fr; }
  .iletisim-left   { padding:64px 48px; }
  .iletisim-right  { padding:64px 48px; }
  .neler-cols    { grid-template-columns:1fr; gap:36px; max-width:100%; }
  .logo-circle   { display:none; }
  .vert-deco     { display:none; }
  .portfolio-slide { width:calc(60% - 10px); }
}

/* ════════════════════════════════════════
   RESPONSIVE — MOBILE (≤768px)
════════════════════════════════════════ */
@media (max-width:768px) {

  /* Layout */
  .container { padding:0 20px; }
  .header-inner { padding:0 20px; }
  .section-tag { font-size:9px; letter-spacing:3px; margin-bottom:36px; }
  .section-tag::before,.section-tag::after { display:none; }

  /* Hero */
  #hero { align-items:flex-start; padding-bottom:100px; }
  .hero-content { padding-top:110px; max-width:100%; }
  .hero-heading { font-size:clamp(30px,9vw,46px); }
  .hero-desc { font-size:12px; max-width:100%; }
  .blob-wrap { width:100%; opacity:0.18; right:-20%; }
  .watermark { font-size:110px; }
  .hero-bar  { padding:16px 20px; }
  .scroll-down { display:none; }

  /* Neler Yapıyoruz */
  #neler-yapiyoruz { padding:76px 0; }
  .neler-cols { grid-template-columns:1fr; gap:28px; }
  .neler-reasons { padding:24px 18px; }

  /* Hizmet */
  #hizmet-alanlari { padding:76px 0; }
  .hizmet-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .hizmet-card { aspect-ratio:4/3; }
  .hizmet-card-body h3 { font-size:11px; }
  .hizmet-card-body p  { display:none; }

  /* Portfolio */
  #calismalarimiz { padding:76px 0; }
  .portfolio-slide { width:calc(82vw - 40px); }
  .portfolio-slide img { height:200px; }

  /* Bize Güvenenler — desktop grid gizle, mobile carousel göster */
  #bize-guvenenler { padding:76px 0; }
  .brands-grid   { display:none; }
  .brands-mobile { display:flex; }

  /* İletişim */
  .iletisim-split { grid-template-columns:1fr; min-height:auto; }
  .iletisim-left  { padding:60px 20px 40px; }
  .iletisim-right { padding:48px 20px; }
  .iletisim-map   { height:260px; }

  /* Mobile menu */
  .mobile-menu { width:100%; }

  /* Referans arşiv */
  .referans-grid { grid-template-columns:repeat(2,1fr); gap:16px; padding:52px 0; }
  .referans-card img { max-height:42px; }

  /* Çalışma arşiv */
  .calisma-grid   { grid-template-columns:1fr; }
  .calisma-filter { gap:8px; }

  /* Buttons */
  .btn { padding:13px 28px; font-size:9.5px; }
}

/* ════════════════════════════════════════
   RESPONSIVE — SMALL (≤480px)
════════════════════════════════════════ */
@media (max-width:480px) {
  .hizmet-grid { grid-template-columns:1fr 1fr; gap:8px; }
  .hero-heading { font-size:28px; }
  .brands-mobile .brand-item { flex:0 0 48vw; }
  .referans-grid { grid-template-columns:repeat(2,1fr); }
}

/* ════════════════════════════════════════
   TOUCH — disable hover effects
════════════════════════════════════════ */
@media (hover:none) {
  .hizmet-card:hover          { transform:none; box-shadow:none; }
  .portfolio-slide:hover img  { transform:none; }
  .portfolio-slide-label      { opacity:1; }
  .brand-item:hover           { filter:grayscale(60%); opacity:0.7; transform:none; }
  .referans-card:hover        { transform:none; box-shadow:none; }
}