/* ==========================================================================
   DEMİR TAY MC — TASARIM SİSTEMİ
   Palet: Asfalt siyahı, yol çizgisi sarısı, pas turuncusu, krom gri
   Tipografi: Oswald (başlık/plaka hissi) + Work Sans (gövde) + JetBrains Mono (veri)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap');

:root{
  --asphalt-950:#0a0b0d;
  --asphalt-900:#121417;
  --asphalt-800:#1b1e23;
  --asphalt-700:#262a31;
  --line-yellow:#c8102e;       /* marka kırmızısı — vurgu rengi (eski adı korunuyor, değeri kırmızı) */
  --rust-orange:#8c0c20;       /* koyu kırmızı */
  --rust-orange-bright:#e21833;/* parlak kırmızı — buton/hover */
  --chrome:#c7ccd1;
  --chrome-dim:#8b9198;
  --off-white:#f4f2ee;
  --danger:#e21833;
  --ok:#3fae6a;

  --font-display:'Oswald', sans-serif;
  --font-body:'Work Sans', sans-serif;
  --font-mono:'JetBrains Mono', monospace;

  --radius:2px;
  --container:1180px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--asphalt-950);
  color:var(--off-white);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  overflow-wrap:break-word;
  word-break:break-word;
}
img, video, iframe, embed, object{ max-width:100%; height:auto; display:block; }
.video-frame iframe, .video-frame img{ height:100%; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
}

.container{ max-width:var(--container); margin:0 auto; padding:0 24px; }

h1,h2,h3,h4{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:0.02em; margin:0 0 .5em; font-weight:600; }
.eyebrow{
  font-family:var(--font-mono);
  color:var(--line-yellow);
  font-size:.8rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.eyebrow::before{ content:''; width:28px; height:2px; background:var(--rust-orange-bright); display:inline-block; }

.section{ padding:96px 0; position:relative; }
.section-title{ font-size:clamp(2rem,4vw,3rem); color:var(--off-white); }
.section-lead{ color:var(--chrome-dim); max-width:640px; font-size:1.05rem; }
.section-head{ margin-bottom:52px; }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; text-align:center;
  font-family:var(--font-mono); font-weight:700; text-transform:uppercase; font-size:.82rem; letter-spacing:.04em;
  padding:14px 28px; border-radius:var(--radius); border:2px solid var(--line-yellow); max-width:100%;
  background:transparent; color:var(--off-white); cursor:pointer; transition:all .25s ease;
}
.btn:hover{ background:var(--line-yellow); color:var(--asphalt-950); transform:translateY(-2px); }
.btn-solid{ background:var(--rust-orange-bright); border-color:var(--rust-orange-bright); color:var(--off-white); }
.btn-solid:hover{ background:var(--line-yellow); border-color:var(--line-yellow); color:var(--asphalt-950); }
.btn-ghost{ border-color:var(--asphalt-700); color:var(--chrome); }
.btn-ghost:hover{ background:var(--asphalt-700); color:var(--off-white); }
.btn-sm{ padding:9px 16px; font-size:.72rem; }

/* ---------- NAVBAR ---------- */
.navbar{
  position:fixed !important; top:0 !important; left:0 !important; right:0 !important; z-index:100 !important;
  background:rgba(10,11,13,0.75); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,0.06);
  transition:background .3s ease;
}
.navbar-inner{ display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:var(--container); margin:0 auto; }
.navbar-right{ display:flex; align-items:center; gap:14px; }

.lang-switch{ display:flex; gap:5px; }
.lang-switch a{
  display:flex; align-items:center; justify-content:center;
  width:30px; height:30px; font-size:1.05rem; line-height:1;
  border-radius:50%; border:1px solid transparent; opacity:.55; filter:grayscale(.5);
  transition:opacity .2s, filter .2s, border-color .2s, transform .2s;
}
.lang-switch a:hover{ opacity:.9; filter:grayscale(0); transform:translateY(-1px); }
.lang-switch a.active{ opacity:1; filter:grayscale(0); border-color:var(--line-yellow); }
@media (max-width:480px){
  .lang-switch a{ width:26px; height:26px; font-size:.92rem; }
  .navbar-right{ gap:8px; }
}
.brand{ display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; letter-spacing:.04em; font-size:1.05rem; }
.brand-mark{ width:44px; height:44px; flex-shrink:0; }
.brand-mark img{ width:100%; height:100%; object-fit:contain; display:block; }
.brand-mark svg{ width:100%; height:100%; }
.brand small{ display:block; font-family:var(--font-mono); font-size:.6rem; color:var(--line-yellow); letter-spacing:.15em; font-weight:500; }

.nav-toggle-checkbox{ position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }

.nav-overlay{
  position:fixed; inset:0; background:rgba(5,6,7,.7); z-index:140;
  opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s; cursor:pointer;
}
.nav-toggle-checkbox:checked ~ .nav-overlay{ opacity:1; visibility:visible; }

.nav-links{
  display:flex; gap:2px; align-items:stretch; flex-direction:column;
  position:fixed; top:0; right:0; bottom:0; left:auto; width:300px; max-width:84vw;
  background:var(--asphalt-950); border-left:1px solid var(--asphalt-700);
  padding:70px 20px 20px; overflow-y:auto; box-shadow:-16px 0 40px rgba(0,0,0,.5);
  transform:translateX(100%); visibility:hidden; pointer-events:none; z-index:150;
  transition:transform .35s cubic-bezier(.4,0,.2,1), visibility .35s;
}
.nav-toggle-checkbox:checked ~ .nav-links{ transform:translateX(0); visibility:visible; pointer-events:auto; }
.nav-drawer-close{
  position:fixed; top:20px; right:20px; width:38px; height:38px; border-radius:var(--radius);
  border:1px solid var(--asphalt-700); display:flex; align-items:center; justify-content:center;
  color:var(--chrome); cursor:pointer; transition:border-color .2s, color .2s;
  z-index:151; transform:translateX(120%); visibility:hidden; pointer-events:none;
  transition:transform .35s cubic-bezier(.4,0,.2,1), visibility .35s, border-color .2s, color .2s;
}
.nav-toggle-checkbox:checked ~ .nav-drawer-close{ transform:translateX(0); visibility:visible; pointer-events:auto; }
.nav-drawer-close:hover{ border-color:var(--line-yellow); color:var(--line-yellow); }
.nav-links a{
  font-family:var(--font-mono); font-size:.85rem; text-transform:uppercase; letter-spacing:.06em;
  padding:16px; color:var(--chrome); border-radius:var(--radius); transition:color .2s;
  position:relative; display:block; border-bottom:1px solid var(--asphalt-800);
}
.nav-links a:hover, .nav-links a.active{ color:var(--line-yellow); }
.nav-links a.active::after{ content:''; position:absolute; left:14px; bottom:8px; width:22px; height:2px; background:var(--rust-orange-bright); }
.nav-category{
  font-family:var(--font-mono); font-size:.66rem; text-transform:uppercase; letter-spacing:.16em;
  color:var(--line-yellow); padding:18px 16px 8px; opacity:.85;
}
.nav-category:first-child{ padding-top:4px; }

.nav-toggle{
  display:flex; background:transparent; border:1px solid var(--asphalt-700); color:var(--off-white);
  line-height:1; width:42px; height:42px; border-radius:var(--radius); cursor:pointer;
  align-items:center; justify-content:center; transition:transform .25s ease, border-color .2s, color .2s;
}
.nav-toggle:hover{ border-color:var(--line-yellow); color:var(--line-yellow); }
.nav-toggle svg{ display:block; }
.nav-toggle .icon-close{ display:none; }
.nav-toggle-checkbox:checked ~ .nav-toggle{ border-color:var(--line-yellow); color:var(--line-yellow); }
.nav-toggle-checkbox:checked ~ .nav-toggle .icon-burger{ display:none; }
.nav-toggle-checkbox:checked ~ .nav-toggle .icon-close{ display:block; }
.brand-fallback{
  width:100%; height:100%; border-radius:50%; background:var(--line-yellow); color:var(--asphalt-950);
  display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:700; font-size:.85rem;
}


/* ---------- HERO ---------- */
.hero{
  position:relative; min-height:100vh; display:flex; align-items:center;
  padding-top:90px; overflow:hidden;
  background:
    radial-gradient(ellipse at 20% -10%, rgba(226,86,15,0.18), transparent 55%),
    radial-gradient(ellipse at 90% 10%, rgba(242,194,48,0.10), transparent 45%),
    var(--asphalt-950);
}
.hero-road{
  position:absolute; left:0; right:0; bottom:0; height:46%;
  background:linear-gradient(180deg, transparent, var(--asphalt-900) 40%);
}
.hero-road::before{
  content:''; position:absolute; left:0; right:0; bottom:14%; height:6px;
  background-image:repeating-linear-gradient(90deg, var(--line-yellow) 0 60px, transparent 60px 120px);
  opacity:.55;
  animation:road-move 1.6s linear infinite;
}
@keyframes road-move{ from{ background-position-x:0; } to{ background-position-x:-120px; } }

.hero-grid{ position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; }
@media (max-width:900px){ .hero-grid{ grid-template-columns:1fr; } }

.hero-title{
  font-size:clamp(2.6rem, 6.4vw, 5.2rem); line-height:0.98; margin-bottom:22px;
  opacity:0; transform:translateY(24px); animation:rise .9s ease .15s forwards;
}
.hero-title .accent{ color:var(--rust-orange-bright); }
.hero-subtitle{
  color:var(--chrome); font-size:1.12rem; max-width:520px; margin-bottom:34px;
  opacity:0; transform:translateY(20px); animation:rise .9s ease .35s forwards;
}
.hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; opacity:0; transform:translateY(20px); animation:rise .9s ease .5s forwards; }
@keyframes rise{ to{ opacity:1; transform:none; } }

.hero-stats{ display:flex; gap:34px; flex-wrap:wrap; margin-top:52px; opacity:0; animation:rise .9s ease .7s forwards; transform:translateY(20px); }
.hero-stat{ min-width:0; }
.hero-stat b{ display:block; font-family:var(--font-mono); font-size:1.8rem; color:var(--line-yellow); }
.hero-stat span{ font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; color:var(--chrome-dim); }
@media (max-width:480px){
  .hero-stats{ gap:22px; }
  .hero-stat b{ font-size:1.5rem; }
  .hero-stat span{ font-size:.66rem; letter-spacing:.04em; }
}
/* Dijital gösterge paneli — imza öğesi */
.hero-gauge{ position:relative; width:100%; max-width:340px; margin:0 auto; }
@media (max-width:520px){ .hero-gauge{ max-width:280px; margin-top:8px; } }

.digital-dash{
  background:#050607; border:2px solid var(--asphalt-700); border-radius:10px;
  padding:26px 22px; box-shadow:inset 0 0 30px rgba(0,0,0,.6), 0 20px 50px rgba(0,0,0,.4);
}
.digi-top{
  display:flex; justify-content:space-between; align-items:center;
  font-family:var(--font-mono); font-size:.68rem; color:var(--chrome-dim); letter-spacing:.12em; margin-bottom:16px;
  text-transform:uppercase;
}
.digi-gear{ background:var(--asphalt-800); border-radius:3px; padding:2px 9px; color:var(--line-yellow); font-weight:700; }
.digi-speed{
  font-family:var(--font-mono); font-weight:700; font-size:4rem; line-height:1; text-align:center;
  color:var(--rust-orange-bright); text-shadow:0 0 16px rgba(226,24,51,.5); letter-spacing:.02em;
  animation:digiFlicker 3.4s ease-in-out infinite;
}
@keyframes digiFlicker{ 0%,92%,100%{ opacity:1; } 94%{ opacity:.86; } 96%{ opacity:1; } }
.digi-unit{ text-align:center; font-family:var(--font-mono); font-size:.68rem; color:var(--chrome-dim); letter-spacing:.24em; margin-top:4px; }
.digi-bars{ display:flex; align-items:flex-end; gap:3px; margin:22px 0 18px; justify-content:center; height:28px; }
.digi-bars span{ width:7px; height:10px; background:var(--asphalt-700); border-radius:1px; transition:height .35s ease, background-color .3s ease; }
.digi-bars span.on{ background:var(--line-yellow); }
.digi-bars span.on.hot{ background:var(--rust-orange-bright); }
.digi-bottom{
  display:flex; justify-content:space-between; font-family:var(--font-mono); font-size:.64rem;
  color:var(--chrome-dim); border-top:1px solid var(--asphalt-800); padding-top:12px; letter-spacing:.03em;
}
.digi-bottom b{ color:var(--off-white); font-weight:700; }

/* Motorcycle silhouette riding across on load */
.hero-rider{
  position:absolute; bottom:6%; left:-280px; width:250px; z-index:3;
  animation:rider-cross 2.6s cubic-bezier(.2,.7,.3,1) .2s forwards;
}
@keyframes rider-cross{ to{ left:calc(52% - 125px); } }
.wheel-spin{ animation:wheel-turn 0.5s linear infinite; }
@keyframes wheel-turn{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@media (max-width:900px){ .hero-rider{ display:none; } }

/* ---------- SCROLL REVEAL ---------- */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.reveal.in{ opacity:1; transform:none; }
.reveal-stagger.in .stagger-item{ opacity:1; transform:none; }
.stagger-item{ opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
.stagger-item:nth-child(1){ transition-delay:.05s; } .stagger-item:nth-child(2){ transition-delay:.15s; }
.stagger-item:nth-child(3){ transition-delay:.25s; } .stagger-item:nth-child(4){ transition-delay:.35s; }
.stagger-item:nth-child(5){ transition-delay:.45s; } .stagger-item:nth-child(6){ transition-delay:.55s; }

/* ---------- CARDS ---------- */
.grid{ display:grid; gap:26px; }
.grid-3{ grid-template-columns:repeat(3,1fr); }
.grid-4{ grid-template-columns:repeat(4,1fr); }
.grid-2{ grid-template-columns:repeat(2,1fr); }
@media (max-width:900px){ .grid-3,.grid-4{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .grid-3,.grid-4,.grid-2{ grid-template-columns:1fr; } }

.card{
  background:var(--asphalt-900); border:1px solid var(--asphalt-700); border-radius:var(--radius);
  overflow:hidden; transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.card:hover{ transform:translateY(-6px); border-color:var(--rust-orange-bright); box-shadow:0 16px 40px rgba(0,0,0,.4); }
.card-media{ aspect-ratio:4/3; background:var(--asphalt-800) center/contain no-repeat; position:relative; }
.card-body{ padding:22px; }
.card-body h3{ font-size:1.05rem; margin-bottom:6px; }
.card-body .role{ font-family:var(--font-mono); color:var(--line-yellow); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; display:block; }
.card-body p{ color:var(--chrome-dim); font-size:.92rem; margin:0; }

.badge{
  display:inline-block; font-family:var(--font-mono); font-size:.66rem; text-transform:uppercase; letter-spacing:.08em;
  padding:4px 10px; border-radius:100px; border:1px solid currentColor;
}
.badge-kolay{ color:var(--ok); } .badge-orta{ color:var(--line-yellow); } .badge-zor{ color:var(--rust-orange-bright); }

.route-meta{ display:flex; gap:16px; font-family:var(--font-mono); font-size:.76rem; color:var(--chrome-dim); margin-top:12px; flex-wrap:wrap; }
.route-meta span b{ color:var(--off-white); }

/* ---------- SPLIT / ABOUT ---------- */
.split{ display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; align-items:center; }
@media (max-width:900px){ .split{ grid-template-columns:1fr; } }
.split-media{ position:relative; border-radius:var(--radius); overflow:hidden; aspect-ratio:3/4; background:var(--asphalt-800); display:flex; align-items:center; justify-content:center; }
.split-media img{ width:100%; height:100%; object-fit:contain; }
.split-media::after{ content:''; position:absolute; inset:0; border:1px solid var(--rust-orange-bright); outline:14px solid var(--asphalt-950); outline-offset:-14px; pointer-events:none; }

.pillars{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
@media (max-width:600px){ .pillars{ grid-template-columns:1fr; } }
.pillar{ background:var(--asphalt-900); border:1px solid var(--asphalt-700); padding:26px; border-radius:var(--radius); }
.pillar .eyebrow{ margin-bottom:10px; }
.pillar p{ color:var(--chrome-dim); font-size:.94rem; margin:0; }

/* ---------- VIDEOS ---------- */
.video-frame{ position:relative; aspect-ratio:16/9; background:var(--asphalt-800); }
.video-frame iframe{ width:100%; height:100%; border:0; }
.platform-tag{ position:absolute; top:10px; left:10px; z-index:2; background:rgba(10,11,13,.8); }

/* ---------- MEMORIES / UPLOAD ---------- */
.upload-panel{
  background:var(--asphalt-900); border:1px dashed var(--asphalt-700); border-radius:var(--radius); padding:34px;
}
.field{ margin-bottom:18px; }
.field label{ display:block; font-family:var(--font-mono); font-size:.74rem; text-transform:uppercase; letter-spacing:.08em; color:var(--chrome-dim); margin-bottom:8px; }
.field input[type=text], .field input[type=email], .field textarea, .field select, .field input[type=password], .field input[type=number], .field input[type=url]{
  width:100%; background:var(--asphalt-800); border:1px solid var(--asphalt-700); color:var(--off-white);
  padding:12px 14px; border-radius:var(--radius); font-family:var(--font-body); font-size:.95rem;
}
.field input:focus, .field textarea:focus, .field select:focus{ outline:none; border-color:var(--rust-orange-bright); }
.field-file{ position:relative; border:1px dashed var(--asphalt-700); padding:20px; text-align:center; border-radius:var(--radius); cursor:pointer; transition:border-color .2s; }
.field-file:hover{ border-color:var(--line-yellow); }
.field-file input{ position:absolute; inset:0; opacity:0; cursor:pointer; }

.memory-card .card-body .meta{ font-family:var(--font-mono); font-size:.7rem; color:var(--chrome-dim); margin-top:10px; }
.pending-note{ background:rgba(242,194,48,0.1); border:1px solid rgba(242,194,48,0.35); color:var(--line-yellow); padding:16px 20px; border-radius:var(--radius); font-size:.9rem; margin-bottom:24px; }
.success-note{ background:rgba(63,174,106,0.12); border:1px solid rgba(63,174,106,0.4); color:#7fe0a4; padding:16px 20px; border-radius:var(--radius); font-size:.9rem; margin-bottom:24px; }
.error-note{ background:rgba(226,86,15,0.12); border:1px solid rgba(226,86,15,0.5); color:#ffb489; padding:16px 20px; border-radius:var(--radius); font-size:.9rem; margin-bottom:24px; }

/* ---------- FOOTER ---------- */
.footer{ background:var(--asphalt-900); border-top:1px solid var(--asphalt-700); padding:64px 0 28px; margin-top:60px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:50px; }
@media (max-width:800px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .footer-grid{ grid-template-columns:1fr; } }
.footer h4{ font-size:.85rem; color:var(--chrome-dim); margin-bottom:16px; }
.footer li{ margin-bottom:10px; }
.footer a:hover{ color:var(--line-yellow); }
.footer-bottom{ border-top:1px solid var(--asphalt-800); padding-top:24px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; font-size:.8rem; color:var(--chrome-dim); font-family:var(--font-mono); text-align:center; }
.social-row{ display:flex; gap:14px; }
.social-row a{ width:36px; height:36px; border:1px solid var(--asphalt-700); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:border-color .2s, color .2s; }
.social-row a:hover{ border-color:var(--line-yellow); color:var(--line-yellow); }

/* ---------- PAGE HEADER (inner pages) ---------- */
.page-header{ padding:150px 0 60px; position:relative; background:linear-gradient(180deg, rgba(226,86,15,0.08), transparent); border-bottom:1px solid var(--asphalt-800); }

/* ---------- MISC ---------- */
.divider{ height:1px; background:repeating-linear-gradient(90deg, var(--asphalt-700) 0 10px, transparent 10px 20px); margin:60px 0; }
.text-center{ text-align:center; }
.mono{ font-family:var(--font-mono); }
.empty-state{ text-align:center; padding:60px 20px; color:var(--chrome-dim); border:1px dashed var(--asphalt-700); border-radius:var(--radius); }

/* ---------- SAYFA YÜKLEME ANİMASYONU ---------- */
.page-loader{
  position:fixed; inset:0; z-index:99999; background:var(--asphalt-950);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px;
  opacity:1; visibility:visible; transition:opacity .5s ease, visibility .5s ease;
  animation:loaderAutoHide 0s 3.2s forwards;
}
.page-loader.loaded{ opacity:0; visibility:hidden; pointer-events:none; }
@keyframes loaderAutoHide{ to{ opacity:0; visibility:hidden; pointer-events:none; } }
.loader-gauge{ width:140px; height:140px; }
.loader-gauge svg{ width:100%; height:100%; }
.loader-needle{ transform-origin:110px 110px; animation:loaderNeedleSweep 1.3s ease-in-out infinite; }
@keyframes loaderNeedleSweep{
  0%{ transform:rotate(-120deg); }
  50%{ transform:rotate(95deg); }
  100%{ transform:rotate(-120deg); }
}
.loader-wheel{ animation:wheel-turn .4s linear infinite; }
.loader-text{
  font-family:var(--font-mono); font-size:.78rem; letter-spacing:.25em; color:var(--chrome-dim);
  animation:loaderPulse 1.3s ease-in-out infinite;
}
@keyframes loaderPulse{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }

/* ---------- POPUP (Duyuru) ---------- */
.popup-overlay{
  position:fixed; inset:0; z-index:1000; background:rgba(5,6,7,.82); backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center; padding:20px;
  opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s ease;
}
.popup-overlay.open{ opacity:1; visibility:visible; }
.popup-box{
  position:relative; width:100%; max-width:440px; background:var(--asphalt-900); border:1px solid var(--asphalt-700);
  border-radius:4px; overflow:hidden; transform:translateY(16px) scale(.97); transition:transform .3s ease;
  max-height:90vh; overflow-y:auto;
}
.popup-overlay.open .popup-box{ transform:translateY(0) scale(1); }
.popup-media{ aspect-ratio:16/9; background:var(--asphalt-800) center/contain no-repeat; }
.popup-body{ padding:28px; }
.popup-body h3{ font-size:1.3rem; margin-bottom:12px; }
.popup-body p{ color:var(--chrome-dim); font-size:.95rem; line-height:1.7; margin:0; }
.popup-close{
  position:absolute; top:12px; right:12px; z-index:2; width:34px; height:34px; border-radius:50%;
  background:rgba(10,11,13,.7); border:1px solid var(--asphalt-700); color:var(--off-white); font-size:1.3rem;
  cursor:pointer; line-height:1; display:flex; align-items:center; justify-content:center; transition:border-color .2s;
}
.popup-close:hover{ border-color:var(--line-yellow); color:var(--line-yellow); }
@media (max-width:480px){
  .popup-box{ max-width:100%; }
  .popup-body{ padding:22px; }
}

/* ---------- BLOG ---------- */
.blog-card .card-body .blog-meta{ font-family:var(--font-mono); font-size:.7rem; color:var(--chrome-dim); margin-top:12px; text-transform:uppercase; letter-spacing:.06em; }
.article-body{ font-size:1.05rem; color:var(--chrome); line-height:1.9; }
.article-body p{ margin:0 0 1.3em; }
.article-body img{ border-radius:2px; margin:1.5em 0; }

/* ---------- ANMA GÜNLERİ (In Memoriam) ---------- */
.memorial-card{
  background:var(--asphalt-900); border:1px solid var(--asphalt-700); border-left:3px solid var(--line-yellow);
  border-radius:var(--radius); padding:24px; display:flex; gap:20px; align-items:flex-start;
}
.memorial-photo{ width:84px; height:84px; border-radius:50%; object-fit:cover; flex-shrink:0; background:var(--asphalt-800); border:2px solid var(--asphalt-700); }
.memorial-dates{ font-family:var(--font-mono); font-size:.74rem; color:var(--line-yellow); letter-spacing:.06em; margin-bottom:6px; }
.memorial-card h3{ margin-bottom:8px; }
.memorial-card p{ color:var(--chrome-dim); font-size:.92rem; margin:0; }
@media (max-width:520px){
  .memorial-card{ flex-direction:column; align-items:center; text-align:center; }
  .memorial-photo{ width:64px; height:64px; }
}

/* ---------- ETKİNLİKLER ---------- */
.event-card{
  display:grid; grid-template-columns:90px 160px 1fr; gap:22px; align-items:center;
  background:var(--asphalt-900); border:1px solid var(--asphalt-700); border-radius:var(--radius); padding:20px;
}
.event-date{ text-align:center; font-family:var(--font-mono); color:var(--line-yellow); }
.event-date b{ display:block; font-size:2rem; line-height:1; }
.event-date span{ font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; color:var(--chrome-dim); }
.event-media{ width:160px; height:100px; border-radius:var(--radius); background:var(--asphalt-800) center/contain no-repeat; }
.event-body h3{ margin-bottom:8px; }
.event-meta{ display:flex; gap:16px; font-size:.85rem; color:var(--chrome-dim); margin-bottom:8px; flex-wrap:wrap; }
.event-body p{ color:var(--chrome-dim); font-size:.9rem; margin:0; }
@media (max-width:700px){
  .event-card{
    grid-template-columns:70px 1fr;
    grid-template-areas:"media media" "date body";
  }
  .event-media{ grid-area:media; width:100%; height:170px; }
  .event-date{ grid-area:date; }
  .event-body{ grid-area:body; }
}
@media (max-width:480px){
  .event-card{ grid-template-columns:1fr; grid-template-areas:"media" "date" "body"; text-align:center; }
  .event-date{ display:flex; align-items:baseline; justify-content:center; gap:8px; }
  .event-date b{ font-size:1.4rem; }
  .event-media{ height:150px; }
}

/* ---------- KULÜP EVLERİMİZ ---------- */
.clubhouse-card{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  background:var(--asphalt-900); border:1px solid var(--asphalt-700); border-radius:var(--radius); overflow:hidden;
}
.clubhouse-media{ aspect-ratio:4/3; background:var(--asphalt-800) center/contain no-repeat; }
.clubhouse-map{ aspect-ratio:4/3; }
.clubhouse-map iframe{ width:100%; height:100%; border:0; filter:grayscale(.3) invert(.92) contrast(.9); }
.clubhouse-body{ grid-column:1 / -1; padding:26px 28px; }
.clubhouse-body h3{ font-size:1.3rem; margin-bottom:10px; }
.clubhouse-address{ color:var(--off-white); font-size:.95rem; margin:0 0 6px; }
.clubhouse-meta{ color:var(--chrome-dim); font-size:.88rem; margin:0 0 6px; }
.clubhouse-desc{ color:var(--chrome-dim); font-size:.92rem; margin-top:12px; line-height:1.7; }
@media (max-width:700px){
  .clubhouse-card{ grid-template-columns:1fr; }
  .clubhouse-body{ grid-column:1; }
}

/* ---------- MOTOSİKLET AKADEMİSİ ---------- */
.academy-card{
  display:flex; gap:20px; align-items:flex-start; background:var(--asphalt-900);
  border:1px solid var(--asphalt-700); border-radius:var(--radius); padding:26px;
}
.academy-num{
  flex-shrink:0; width:44px; height:44px; border-radius:50%; background:var(--asphalt-800);
  border:1px solid var(--rust-orange-bright); color:var(--line-yellow); font-family:var(--font-mono);
  font-weight:700; font-size:1.1rem; display:flex; align-items:center; justify-content:center;
}
.academy-card h3{ font-size:1.05rem; margin-bottom:8px; }
.academy-card p{ color:var(--chrome-dim); font-size:.9rem; margin:0; }

/* ---------- LIGHTBOX ---------- */
.lightbox-overlay{
  position:fixed; inset:0; z-index:100000; background:rgba(5,6,7,.92);
  display:flex; align-items:center; justify-content:center; padding:30px;
  opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s;
}
.lightbox-overlay.open{ opacity:1; visibility:visible; }
.lightbox-img{ max-width:100%; max-height:90vh; border-radius:4px; box-shadow:0 20px 60px rgba(0,0,0,.6); }
.lightbox-close{
  position:absolute; top:20px; right:24px; width:42px; height:42px; border-radius:50%;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); color:#fff;
  font-size:1.6rem; line-height:1; cursor:pointer;
}

/* ---------- SSS AKORDIYON ---------- */
.faq-item{ background:var(--asphalt-900); border:1px solid var(--asphalt-700); border-radius:var(--radius); padding:20px 24px; }
.faq-item summary{ cursor:pointer; font-family:var(--font-display); text-transform:uppercase; letter-spacing:.02em; font-size:1rem; list-style:none; position:relative; padding-right:30px; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::after{ content:'+'; position:absolute; right:0; top:0; font-size:1.3rem; color:var(--line-yellow); transition:transform .2s; }
.faq-item[open] summary::after{ transform:rotate(45deg); }
.faq-item p{ color:var(--chrome-dim); margin:14px 0 0; line-height:1.7; }

/* ---------- YORUMLAR ---------- */
.comments-section{ margin-top:10px; }
.comment-list{ display:flex; flex-direction:column; gap:14px; margin:16px 0 24px; }
.comment-item{ background:var(--asphalt-900); border:1px solid var(--asphalt-700); border-radius:var(--radius); padding:16px 18px; }
.comment-author{ font-family:var(--font-mono); font-size:.8rem; color:var(--line-yellow); margin-bottom:6px; display:flex; gap:10px; align-items:baseline; }
.comment-author .mono{ color:var(--chrome-dim); font-size:.72rem; }
.comment-item p{ color:var(--chrome); font-size:.92rem; margin:0; line-height:1.6; }
.comment-form-box{ background:var(--asphalt-900); border:1px dashed var(--asphalt-700); border-radius:var(--radius); padding:20px; }

/* ---------- BÜLTEN ---------- */
.newsletter-box{
  background:var(--asphalt-900); border:1px solid var(--asphalt-700); border-radius:var(--radius);
  padding:30px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;
}
.newsletter-text h3{ font-size:1.1rem; margin-bottom:6px; }
.newsletter-text p{ color:var(--chrome-dim); font-size:.88rem; margin:0; }
.newsletter-form{ display:flex; gap:10px; flex-wrap:wrap; }
.newsletter-form input{
  background:var(--asphalt-800); border:1px solid var(--asphalt-700); color:var(--off-white);
  padding:11px 14px; border-radius:var(--radius); font-family:var(--font-body); min-width:220px;
}

/* ---------- GOOGLE WEB SİTESİ ÇEVİRMENİ — kendi arayüzünü gizle ---------- */
.goog-te-banner-frame, .goog-te-gadget-icon, #goog-gt-tt, .goog-tooltip, .goog-tooltip:hover,
.goog-text-highlight, .skiptranslate > iframe { display:none !important; visibility:hidden !important; height:0 !important; }
body{ top:0 !important; position:static !important; }
.goog-text-highlight{ background:none !important; box-shadow:none !important; }
#google_translate_element{ display:none !important; }