/* ═══════════════════════════════════════════
   TEKSIMA – Shared Stylesheet
   ═══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Mono:wght@300;400;500&family=Bebas+Neue&display=swap');

:root {
  --steel:  #13161c;
  --iron:   #1e2228;
  --plate:  #262b33;
  --rust:   #c0451a;
  --ember:  #e05520;
  --amber:  #e8a020;
  --ivory:  #f4efe6;
  --smoke:  #7a7a86;
  --mist:   #a8a8b4;
  --gap:    2px;
  --radius: 0px;
  --font-serif: 'Cormorant Garamond', serif;
  --font-mono:  'DM Mono', monospace;
  --font-disp:  'Bebas Neue', sans-serif;
}

/* ── RESET ─────────────────────────── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:18px; }
body {
  background: var(--steel);
  color: var(--ivory);
  font-family: var(--font-mono);
  font-weight: 300;
  overflow-x: hidden;
  cursor: none;
  line-height: 1.6;
}
img, video, iframe { display:block; max-width:100%; }
a { color: inherit; }

/* ── SCROLLBAR ──────────────────────── */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: var(--steel); }
::-webkit-scrollbar-thumb { background: var(--rust); }

/* ── CURSOR ─────────────────────────── */
#cur  { position:fixed; width:8px; height:8px; background:var(--rust); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); transition:width .12s,height .12s; }
#curR { position:fixed; width:34px; height:34px; border:1px solid rgba(192,69,26,.4); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:left .08s,top .08s,width .2s,height .2s,border-color .2s; }
body.hov #cur  { width:14px; height:14px; }
body.hov #curR { width:60px; height:60px; border-color:var(--rust); }

/* ── NOISE OVERLAY ──────────────────── */
body::after {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:9990;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: .025;
}

/* ── NAV ────────────────────────────── */
nav {
  position: fixed; top:0; left:0; right:0; z-index:800;
  display: flex; justify-content:space-between; align-items:center;
  padding: 1.2rem 3rem;
  background: linear-gradient(to bottom, rgba(15,15,18,.98) 60%, transparent);
  transition: background .4s, padding .3s;
}
nav.solid { background:rgba(15,15,18,.98); border-bottom:1px solid rgba(255,255,255,.05); }
nav.compact { padding: .8rem 3rem; }

.nav-logo { font-family:var(--font-disp); font-size:2rem; letter-spacing:.15em; color:var(--ivory); text-decoration:none; }
.nav-logo span { color:var(--rust); }

.nav-links { display:flex; gap:2rem; list-style:none; align-items:center; }
.nav-links a { color:var(--smoke); text-decoration:none; font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; transition:color .3s; white-space:nowrap; }
.nav-links a:hover, .nav-links a.active { color:var(--ivory); }
.nav-links a.active { border-bottom:1px solid var(--rust); padding-bottom:1px; }

.nav-cta { background:var(--rust) !important; color:var(--ivory) !important; padding:.5rem 1.3rem !important; transition:background .3s !important; }
.nav-cta:hover { background:var(--amber) !important; color:var(--steel) !important; }

.nav-lang-switch { display:flex; gap:.3rem; align-items:center; }
.lang-btn { font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; padding:.3rem .7rem; border:1px solid rgba(255,255,255,.15); background:transparent; color:var(--smoke); cursor:none; transition:all .3s; text-decoration:none; }
.lang-btn.active, .lang-btn:hover { border-color:var(--rust); color:var(--ivory); }

/* Hamburger */
.hamburger { display:none; flex-direction:column; gap:5px; cursor:none; background:none; border:none; padding:.4rem; }
.hamburger span { display:block; width:24px; height:1.5px; background:var(--ivory); transition:all .3s; }
.hamburger.open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

.mobile-menu {
  display:none; position:fixed; inset:0; background:rgba(15,15,18,.98);
  z-index:700; flex-direction:column; align-items:center; justify-content:center;
  gap:2rem; padding:2rem;
}
.mobile-menu.open { display:flex; }
.mobile-menu a { font-family:var(--font-disp); font-size:2.2rem; letter-spacing:.15em; color:var(--ivory); text-decoration:none; transition:color .3s; }
.mobile-menu a:hover { color:var(--rust); }
.mobile-menu .m-lang { display:flex; gap:1rem; margin-top:1rem; }
.mobile-menu .m-cta { background:var(--rust); padding:.8rem 2.5rem; font-family:var(--font-mono); font-size:.8rem; letter-spacing:.2em; text-transform:uppercase; color:var(--ivory); text-decoration:none; }

/* ── FLOATING WHATSAPP ──────────────── */
.wa-float {
  position:fixed; bottom:2rem; right:2rem; z-index:600;
  background:#25D366; color:#fff; width:56px; height:56px;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  text-decoration:none; box-shadow:0 4px 20px rgba(37,211,102,.4);
  transition:transform .3s, box-shadow .3s;
  animation: wa-pulse 3s ease-in-out infinite;
}
.wa-float:hover { transform:scale(1.1); box-shadow:0 6px 28px rgba(37,211,102,.6); }
.wa-float svg { width:28px; height:28px; }
@keyframes wa-pulse {
  0%,100% { box-shadow:0 4px 20px rgba(37,211,102,.4); }
  50% { box-shadow:0 4px 32px rgba(37,211,102,.7); }
}

/* ── BREADCRUMB ─────────────────────── */
.breadcrumb {
  padding: 5.5rem 3rem 0;
  display:flex; gap:.6rem; align-items:center;
  font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--smoke);
}
.breadcrumb a { color:var(--smoke); text-decoration:none; transition:color .3s; }
.breadcrumb a:hover { color:var(--ivory); }
.breadcrumb span { color:var(--rust); }

/* ── SECTION UTILS ──────────────────── */
.sec { padding: 5rem 3rem; max-width:1400px; margin:0 auto; }
.sec-sm { padding: 3rem 3rem; max-width:1400px; margin:0 auto; }

.tag {
  font-size:.7rem; letter-spacing:.3em; text-transform:uppercase; color:var(--rust);
  display:flex; align-items:center; gap:1rem; margin-bottom:1.2rem;
}
.tag::before { content:''; width:32px; height:1px; background:var(--rust); }

h1, h2, h3 { font-family:var(--font-serif); font-weight:300; line-height:1.05; }
h1 { font-size: clamp(2.8rem, 5vw, 6rem); }
h2 { font-size: clamp(2rem, 3.5vw, 4rem); }
h3 { font-size: clamp(1.4rem, 2vw, 2rem); }
h1 em, h2 em, h3 em { font-style:italic; color:var(--amber); }
p { font-size:.9rem; line-height:1.9; color:var(--smoke); }
p strong { color:var(--ivory); font-weight:400; }

/* ── BUTTONS ────────────────────────── */
.btn {
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.9rem 2.2rem; font-family:var(--font-mono);
  font-size:.78rem; letter-spacing:.15em; text-transform:uppercase;
  text-decoration:none; cursor:none; transition:all .3s;
  position:relative; overflow:hidden; border:none;
}
.btn-rust { background:var(--rust); color:var(--ivory); }
.btn-rust::after { content:''; position:absolute; inset:0; background:var(--amber); transform:translateX(-101%); transition:transform .35s ease; }
.btn-rust:hover::after { transform:translateX(0); }
.btn-rust > * { position:relative; z-index:1; }
.btn-rust:hover > * { color:var(--steel); }

.btn-outline { background:transparent; color:var(--ivory); border:1px solid rgba(255,255,255,.2); }
.btn-outline:hover { border-color:var(--rust); color:var(--rust); }

.btn-ghost { color:var(--mist); font-family:var(--font-mono); font-size:.78rem; letter-spacing:.15em; text-transform:uppercase; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:2px; transition:all .3s; cursor:none; }
.btn-ghost:hover { color:var(--amber); border-color:var(--amber); }

/* ── TICKER ─────────────────────────── */
.ticker { background:var(--rust); padding:.6rem 0; overflow:hidden; white-space:nowrap; }
.tick-in { display:inline-flex; animation:tick 40s linear infinite; }
.tick-item { font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(244,239,230,.85); padding:0 2.5rem; }
.tick-sep { color:rgba(244,239,230,.3); }
@keyframes tick { to { transform:translateX(-50%); } }

/* ── STAT BAR ───────────────────────── */
.stat-bar { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.05); background:rgba(15,15,18,.85); backdrop-filter:blur(12px); }
.stat { padding:1.5rem 1.2rem; border-right:1px solid rgba(255,255,255,.05); text-align:center; }
.stat:last-child { border-right:none; }
.snum { font-family:var(--font-disp); font-size:2.8rem; letter-spacing:.05em; line-height:1; }
.snum em { color:var(--rust); font-style:normal; }
.slbl { font-size:.65rem; letter-spacing:.18em; text-transform:uppercase; color:var(--smoke); margin-top:.3rem; }

/* ── VIDEO GRID ─────────────────────── */
.vid-section { padding:4rem 3rem; max-width:1400px; margin:0 auto; }
.vid-section-title { font-family:var(--font-serif); font-size:clamp(1.4rem,2vw,2rem); font-weight:300; margin-bottom:1.8rem; color:var(--ivory); display:flex; align-items:center; gap:1rem; }
.vid-section-title::after { content:''; flex:1; height:1px; background:rgba(255,255,255,.06); }

.vid-grid { display:grid; gap:var(--gap); }
.vid-grid.cols-2 { grid-template-columns:repeat(2,1fr); }
.vid-grid.cols-3 { grid-template-columns:repeat(3,1fr); }
.vid-grid.cols-4 { grid-template-columns:repeat(4,1fr); }

.vid-card { background:#000; position:relative; overflow:hidden; }
.vid-card iframe { width:100%; aspect-ratio:16/9; border:none; display:block; }
.vid-card.short iframe { aspect-ratio:9/16; max-height:420px; }
.vid-label { padding:.8rem 1rem; background:var(--iron); font-size:.72rem; color:var(--mist); letter-spacing:.08em; border-top:1px solid rgba(255,255,255,.04); }

/* ── PRODUCT CARDS ──────────────────── */
.prod-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px,1fr)); gap:var(--gap); }
.prod-card {
  background:var(--iron); padding:2.8rem 2.4rem; position:relative;
  overflow:hidden; transition:background .4s; cursor:none; text-decoration:none; display:block;
}
.prod-card:hover { background:var(--plate); }
.prod-card::after { content:''; position:absolute; bottom:0; left:0; width:0; height:2px; background:var(--rust); transition:width .5s ease; }
.prod-card:hover::after { width:100%; }
.pc-num { font-family:var(--font-disp); font-size:5rem; color:rgba(255,255,255,.03); position:absolute; top:.5rem; right:1rem; line-height:1; transition:color .4s; }
.prod-card:hover .pc-num { color:rgba(192,69,26,.1); }
.pc-icon { width:44px; height:44px; margin-bottom:1.6rem; color:var(--rust); }
.pc-name { font-family:var(--font-serif); font-size:1.7rem; font-weight:400; margin-bottom:.9rem; color:var(--ivory); line-height:1.15; }
.pc-desc { font-size:.8rem; line-height:1.9; color:var(--smoke); margin-bottom:1.6rem; }
.pc-link { font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--rust); display:inline-flex; align-items:center; gap:.6rem; transition:gap .3s; }
.pc-link:hover { gap:1.2rem; }

/* Sub-product cards */
.sub-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); gap:var(--gap); }
.sub-card { background:var(--plate); padding:2rem 2rem; border-left:2px solid transparent; transition:all .3s; cursor:none; text-decoration:none; display:block; }
.sub-card:hover { border-left-color:var(--rust); background:#2a2a2e; }
.sub-name { font-family:var(--font-serif); font-size:1.4rem; font-weight:400; color:var(--ivory); margin-bottom:.6rem; }
.sub-desc { font-size:.78rem; line-height:1.8; color:var(--smoke); margin-bottom:1rem; }
.sub-link { font-size:.65rem; letter-spacing:.18em; text-transform:uppercase; color:var(--rust); }

/* ── SPEC TABLE ─────────────────────── */
.spec-table { width:100%; border-collapse:collapse; margin-top:1.5rem; }
.spec-table tr { border-bottom:1px solid rgba(255,255,255,.05); }
.spec-table tr:last-child { border-bottom:none; }
.spec-table td { padding:.9rem .5rem; font-size:.82rem; }
.spec-table td:first-child { color:var(--smoke); width:42%; }
.spec-table td:last-child { color:var(--ivory); }

/* ── HERO (product page) ────────────── */
.prod-hero {
  min-height:55vh; display:flex; align-items:flex-end;
  padding:8rem 3rem 4rem; position:relative; overflow:hidden;
  background: linear-gradient(135deg, #0f0f12 0%, #1a1a1e 60%, rgba(192,69,26,.06) 100%);
}
.prod-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 70% 50%,rgba(192,69,26,.1) 0%,transparent 60%); }
.prod-hero-content { position:relative; z-index:1; max-width:800px; }
.prod-hero-num { font-family:var(--font-disp); font-size:clamp(6rem,14vw,16rem); color:rgba(255,255,255,.025); position:absolute; right:3rem; bottom:-1rem; line-height:1; pointer-events:none; }

/* ── TIMELINE ───────────────────────── */
.timeline { position:relative; padding-left:2rem; }
.timeline::before { content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:linear-gradient(to bottom,var(--rust),transparent); }
.tl-item { margin-bottom:2.2rem; position:relative; opacity:0; transform:translateX(16px); transition:all .6s ease; }
.tl-item.vis { opacity:1; transform:translateX(0); }
.tl-item::before { content:''; position:absolute; left:-2rem; top:6px; width:7px; height:7px; border:1px solid var(--rust); background:var(--steel); transform:rotate(45deg); }
.tl-yr { font-family:var(--font-disp); font-size:1.3rem; color:var(--rust); letter-spacing:.1em; }
.tl-txt { font-size:.8rem; color:var(--smoke); line-height:1.8; margin-top:.2rem; }

/* ── CONTACT FORM ───────────────────── */
.finput {
  background:var(--iron); border:1px solid rgba(255,255,255,.08); color:var(--ivory);
  padding:.95rem 1.2rem; font-family:var(--font-mono); font-size:.82rem;
  outline:none; transition:border-color .3s; width:100%;
}
.finput:focus { border-color:var(--rust); }
.finput::placeholder { color:var(--smoke); }
textarea.finput { resize:vertical; min-height:140px; }
select.finput { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%237a7a86' stroke-width='2'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1rem center; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.fsub { background:var(--rust); color:var(--ivory); border:none; padding:1rem 2.5rem; font-family:var(--font-mono); font-size:.78rem; letter-spacing:.15em; text-transform:uppercase; cursor:none; transition:all .3s; }
.fsub:hover { background:var(--amber); color:var(--steel); }

/* ── FOOTER ─────────────────────────── */
footer {
  border-top:1px solid rgba(255,255,255,.05);
  background:rgba(0,0,0,.5); padding:4.5rem 3rem 2rem;
}
.ft-inner { max-width:1400px; margin:0 auto; }
.ft-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3.5rem; margin-bottom:3rem; }
.ft-brand { font-family:var(--font-disp); font-size:2rem; letter-spacing:.1em; margin-bottom:.7rem; }
.ft-brand span { color:var(--rust); }
.ft-tagline { font-size:.78rem; color:var(--smoke); line-height:1.8; max-width:260px; }
.ft-col-title { font-size:.65rem; letter-spacing:.25em; text-transform:uppercase; color:var(--rust); margin-bottom:1.2rem; }
.ft-links { list-style:none; display:flex; flex-direction:column; gap:.65rem; }
.ft-links a { font-size:.78rem; color:var(--smoke); text-decoration:none; transition:color .3s; }
.ft-links a:hover { color:var(--ivory); }
.ft-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:1.8rem; border-top:1px solid rgba(255,255,255,.05); flex-wrap:wrap; gap:1rem; }
.ft-copy { font-size:.65rem; color:var(--smoke); letter-spacing:.08em; }
.ft-social { display:flex; gap:1.2rem; }
.ft-social a { color:var(--smoke); text-decoration:none; transition:color .3s; }
.ft-social a:hover { color:var(--rust); }

/* ── SCROLL ANIMATIONS ──────────────── */
@keyframes fadeUp { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
.fi { opacity:0; transform:translateY(24px); transition:opacity .75s ease, transform .75s ease; }
.fi.vis { opacity:1; transform:translateY(0); }
.fi-d1 { transition-delay:.1s; }
.fi-d2 { transition-delay:.2s; }
.fi-d3 { transition-delay:.3s; }
.fi-d4 { transition-delay:.4s; }

/* ── MAP VISUAL ─────────────────────── */
.map-wrap { background:var(--iron); border:1px solid rgba(255,255,255,.05); padding:2rem; }

/* ── COUNTRY CHIPS ──────────────────── */
.ctry-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; margin-top:1.5rem; }
.ctry { padding:.55rem .9rem; border:1px solid rgba(255,255,255,.08); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--smoke); text-align:center; transition:all .3s; cursor:none; }
.ctry:hover { border-color:var(--rust); color:var(--ivory); background:rgba(192,69,26,.07); }

/* ── DIVIDER ────────────────────────── */
.divider { height:1px; background:rgba(255,255,255,.05); margin:0 3rem; }

/* ════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════ */
@media (max-width:1024px) {
  .ft-grid { grid-template-columns:1fr 1fr; }
  .vid-grid.cols-4 { grid-template-columns:repeat(2,1fr); }
  .vid-grid.cols-3 { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:768px) {
  html { font-size:16px; }
  nav { padding:.9rem 1.2rem; }
  .nav-links { display:none; }
  .hamburger { display:flex; }

  .breadcrumb { padding: 4.5rem 1.2rem 0; font-size:.65rem; }
  .sec, .vid-section { padding: 3rem 1.2rem; }
  .sec-sm { padding: 2rem 1.2rem; }

  h1 { font-size: clamp(2.2rem, 8vw, 3.5rem); }
  h2 { font-size: clamp(1.6rem, 6vw, 2.5rem); }

  .stat-bar { grid-template-columns:1fr 1fr; }
  .stat:nth-child(2) { border-right:none; }

  .vid-grid.cols-2,
  .vid-grid.cols-3,
  .vid-grid.cols-4 { grid-template-columns:1fr; }

  .prod-grid { grid-template-columns:1fr; }
  .sub-grid  { grid-template-columns:1fr; }
  .form-grid { grid-template-columns:1fr; }

  .ft-grid { grid-template-columns:1fr; gap:2rem; }
  .ft-bottom { flex-direction:column; align-items:flex-start; }

  .prod-hero { min-height:45vh; padding:6rem 1.2rem 2.5rem; }
  .prod-hero-num { font-size:clamp(4rem,18vw,9rem); right:1rem; }

  .ctry-grid { grid-template-columns:1fr 1fr; }

  .wa-float { bottom:1.2rem; right:1.2rem; width:50px; height:50px; }

  footer { padding:3rem 1.2rem 2rem; }
}

@media (max-width:480px) {
  .stat-bar { grid-template-columns:1fr 1fr; }
  .ctry-grid { grid-template-columns:1fr 1fr; }
}

/* ════════════════════════════════════
   MOBİL EK DÜZELTMELER
   ════════════════════════════════════ */

/* Hero grid → tek kolon mobilde */
@media (max-width: 768px) {
  /* Ana hero iki sütunu tek yapıyoruz */
  section[style*="grid-template-columns:1fr 1fr"] {
    display: flex !important;
    flex-direction: column !important;
  }
  /* Hero animasyon panelini gizle, sadece içerik göster */
  section[style*="grid-template-columns:1fr 1fr"] > div:nth-child(2) {
    display: none !important;
  }
  /* İki sütunlu içerik alanları → tek sütun */
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns:1fr 1.3fr"],
  div[style*="grid-template-columns:2fr 1fr"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 2.5rem !important;
  }
  /* Hero padding mobilde */
  .prod-hero {
    padding: 6rem 1.2rem 3rem !important;
  }
  /* Sayfa başlığı padding */
  div[style*="padding:9rem 3rem"] {
    padding: 6.5rem 1.2rem 2.5rem !important;
  }
  /* Footer alt buton satırı */
  .ft-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: .8rem !important;
  }
  /* Ticker font */
  .tick-item { font-size: .6rem !important; padding: 0 1.5rem !important; }
  /* Stat bar mobil: 2x2 */
  .stat-bar {
    position: static !important;
    grid-template-columns: 1fr 1fr !important;
    margin-top: 0 !important;
  }
  /* CTA section padding */
  div[style*="padding:5rem 3rem"] {
    padding: 3.5rem 1.2rem !important;
  }
  /* Özel section padding */
  div[style*="padding:4.5rem 3rem"] {
    padding: 3rem 1.2rem !important;
  }
  /* Spec table içinde min width sorununu çöz */
  .spec-table td:first-child { width: 48% !important; }
  /* Video section padding */
  .vid-section { padding: 2.5rem 1.2rem !important; }
  /* Sub-grid tek sütun (zaten var ama !important ekleyelim) */
  .sub-grid { grid-template-columns: 1fr !important; }
  /* İletişim form grid tek sütun */
  .form-grid { grid-template-columns: 1fr !important; }
  /* Ülke grid 2 sütun mobilde */
  .ctry-grid { grid-template-columns: 1fr 1fr !important; }
  /* nav-logo boyut */
  .nav-logo { font-size: 1.5rem !important; }
  /* Breadcrumb */
  .breadcrumb { padding: 4.8rem 1.2rem 0 !important; flex-wrap: wrap !important; }
}

@media (max-width: 480px) {
  h1 { font-size: 2.2rem !important; }
  h2 { font-size: 1.7rem !important; }
  .snum { font-size: 2.2rem !important; }
  .ctry-grid { grid-template-columns: 1fr 1fr !important; }
  .btn { padding: .75rem 1.5rem !important; font-size: .72rem !important; }
  .wa-float { width: 46px !important; height: 46px !important; bottom: 1rem !important; right: 1rem !important; }
  .wa-float svg { width: 24px !important; height: 24px !important; }
}

/* ── LOGO GÖRSELLER ─────────────────────────────────────────── */
.nav-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.nav-logo-img {
  height: 20px;
  width: auto;
  display: block;
  filter: brightness(1);
  transition: opacity .3s;
}
.nav-logo-img:hover { opacity: .85; }

/* Scroll sonrası nav küçülünce logo da küçülsün */
nav.compact .nav-logo-img { height: 18px; }

.ft-logo-img {
  height: 28px;
  width: auto;
  display: block;
  margin-bottom: .8rem;
  opacity: .9;
}

/* Mobilde logo boyutu */
@media (max-width: 768px) {
  .nav-logo-img { height: 18px; }
  nav.compact .nav-logo-img { height: 16px; }
  .ft-logo-img { height: 24px; }
}