:root{--bg:#030507;--panel:#0b0f13;--panel2:#10161c;--line:#23303a;--text:#f7f8fa;--muted:#a7b0b8;--orange:#ff6a00;--orange2:#ff8a1f;--green:#35d063;--red:#ff4d4d;--shadow:0 30px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(255,106,0,.16),transparent 30%),linear-gradient(180deg,#05080b 0%,#020304 60%,#05080b 100%);color:var(--text)}a{color:inherit;text-decoration:none}.site-shell{width:min(1560px,100%);margin:auto;padding:0 16px}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:18px 20px;margin:10px 0;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(5,8,11,.78);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.brand{font-weight:900;font-size:28px;letter-spacing:-1px}.brand span{color:#fff}.brand strong{color:var(--orange)}.brand.mini{font-size:22px}.nav{display:flex;gap:22px;margin-left:auto;font-size:13px;font-weight:700}.nav a{color:#e8edf1;opacity:.9}.nav a:hover{color:var(--orange)}.header-actions{display:flex;gap:10px}.menu-button{display:none;background:#111820;border:1px solid var(--line);color:#fff;border-radius:10px;padding:10px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;font-weight:800;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:.2s}.btn.small{padding:10px 15px;font-size:13px}.btn.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#180a02;border:0;box-shadow:0 12px 32px rgba(255,106,0,.24)}.btn.ghost{background:rgba(255,255,255,.04);color:#fff}.btn.full{width:100%}.hero{min-height:620px;display:grid;grid-template-columns:.95fr 1.25fr;gap:28px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:34px;background:linear-gradient(135deg,rgba(5,8,11,.95),rgba(8,13,18,.72));overflow:hidden;box-shadow:var(--shadow)}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.hero h1{font-size:clamp(46px,6vw,86px);line-height:1.02;margin:14px 0 22px;letter-spacing:-3px}.hero h1 span{color:var(--orange)}.lead{font-size:18px;line-height:1.8;color:#d5dce2;max-width:560px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{position:relative;min-height:510px;border-radius:24px;background:radial-gradient(circle at 70% 40%,rgba(255,106,0,.18),transparent 26%),linear-gradient(180deg,#111922 0%,#07090c 100%);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.city{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 55%),repeating-linear-gradient(90deg,transparent 0 52px,rgba(255,255,255,.05) 52px 54px);opacity:.6}.city:before{content:"";position:absolute;bottom:120px;left:50px;width:85%;height:220px;background:linear-gradient(90deg,rgba(255,255,255,.04) 0 8%,transparent 8% 12%,rgba(255,255,255,.06) 12% 20%,transparent 20% 28%,rgba(255,255,255,.04) 28% 36%,transparent 36% 45%,rgba(255,255,255,.05) 45% 54%,transparent 54% 60%,rgba(255,255,255,.04) 60% 72%,transparent 72%);clip-path:polygon(0 55%,8% 30%,17% 45%,25% 15%,36% 40%,45% 8%,53% 36%,63% 22%,75% 42%,87% 20%,100% 50%,100% 100%,0 100%)}.barrier{position:absolute;right:85px;bottom:210px;width:420px;height:12px;background:#f8f2e9;border-radius:8px;transform:rotate(-1deg);box-shadow:0 0 25px rgba(255,255,255,.18)}.barrier:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 42px,var(--orange) 42px 76px,transparent 76px 126px)}.kiosk{position:absolute;left:60px;bottom:88px;width:170px;height:330px;border-radius:22px;background:linear-gradient(180deg,#151d24,#07090b);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(255,106,0,.22);padding:28px;text-align:center}.kiosk-logo{font-weight:900;font-size:20px}.kiosk-logo span{color:var(--orange)}.kiosk-welcome{font-size:13px;color:#fff;margin-top:24px}.plate{background:#111820;border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:16px;font-weight:800}.arrow{font-size:70px;color:var(--green);line-height:1;margin-top:20px}.car{position:absolute;right:120px;bottom:82px;width:430px;height:160px;border-radius:60px 110px 35px 35px;background:linear-gradient(180deg,#0b0d10,#020304);box-shadow:0 18px 50px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.08)}.car:before{content:"";position:absolute;left:80px;top:-46px;width:210px;height:70px;background:#0d1318;border-radius:90px 110px 0 0;border:1px solid rgba(255,255,255,.07)}.car-light{position:absolute;top:52px;width:72px;height:12px;background:#ff1f1f;border-radius:20px;box-shadow:0 0 22px #ff1f1f}.car-light.left{left:38px}.car-light.right{right:38px}.car-plate{position:absolute;left:165px;bottom:24px;background:#e8edf1;color:#111;padding:5px 14px;border-radius:4px;font-size:12px;font-weight:900}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:18px 0 42px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(10,15,19,.78);overflow:hidden}.feature-strip article{display:flex;flex-direction:column;gap:4px;padding:22px;border-right:1px solid rgba(255,255,255,.08)}.feature-strip article:last-child{border-right:0}.feature-strip span{color:var(--orange);font-weight:900;font-size:24px}.feature-strip small{color:var(--muted)}.glass-card{background:linear-gradient(180deg,rgba(16,22,28,.82),rgba(8,12,16,.9));border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:var(--shadow)}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:50px 0}.login-card{padding:34px}.login-card h2{text-align:center;margin:0 0 24px}.tabs{display:flex;justify-content:center;gap:34px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px}.tabs span{padding-bottom:14px;color:#cdd4da;font-size:14px}.tabs .active{color:#fff;border-bottom:2px solid var(--orange)}input,textarea{width:100%;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#fff;padding:16px;margin-bottom:14px;outline:none}textarea{min-height:120px;resize:vertical}.form-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#cbd3d9;margin:4px 0 22px}.form-row input,.terms input{width:auto;margin:0 8px 0 0}.form-row a,.switch-text a{color:var(--orange)}.terms{display:flex;align-items:flex-start;font-size:13px;color:#cbd3d9;line-height:1.6;margin-bottom:18px}.switch-text{text-align:center;color:#cbd3d9}.section-title{text-align:center;max-width:850px;margin:0 auto 34px}.section-title h2,.content-section h2{font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-2px;margin:10px 0 14px}.section-title p,.content-section p{color:#c3ccd3;line-height:1.8}.dashboard-section,.content-section{padding:80px 0}.dashboard{display:grid;grid-template-columns:250px 1fr;overflow:hidden}.sidebar{padding:24px;background:rgba(0,0,0,.18);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.sidebar a{padding:12px 14px;border-radius:10px;color:#cbd3d9;font-weight:700;font-size:14px}.sidebar a.active{background:rgba(255,106,0,.18);color:#fff}.dashboard-main{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px}.card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}.card small{color:var(--muted);font-weight:800}.card h3{font-size:28px;margin:10px 0;color:#fff}.card p,.card li{color:#cbd3d9}.card button{background:var(--orange);border:0;border-radius:10px;padding:12px 16px;font-weight:900;color:#1a0900}.paid h3{color:var(--green)}.orange{color:var(--orange)!important}.detail{grid-column:span 2}.three-grid,.six-grid,.five-grid{display:grid;gap:18px}.three-grid{grid-template-columns:repeat(3,1fr)}.six-grid{grid-template-columns:repeat(3,1fr)}.five-grid{grid-template-columns:repeat(5,1fr)}.three-grid article,.six-grid article{padding:28px}.five-grid article{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04)}h3{letter-spacing:-.5px}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}.steps{display:grid;gap:14px}.steps article{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04)}.steps b{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(255,106,0,.16);color:var(--orange)}.steps h3{margin:0}.steps p{grid-column:2;margin:0}.phone-block{display:grid;grid-template-columns:360px 1fr;gap:40px;padding:38px;align-items:center}.phone-mock{width:260px;height:520px;margin:auto;border-radius:40px;background:#050708;border:8px solid #1c252d;box-shadow:0 0 60px rgba(255,106,0,.18);padding:22px}.phone-screen{height:100%;border-radius:26px;background:linear-gradient(180deg,#121a21,#070a0d);padding:26px}.phone-screen strong{display:block;color:#fff;font-size:34px;margin:26px 0}.phone-screen button{background:var(--orange);border:0;border-radius:14px;padding:14px;width:100%;font-weight:900}.phone-features{display:grid;gap:18px}.business-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.business-list span{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.04);font-weight:900}.about p{font-size:18px}.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;padding:38px;margin:70px 0}.contact-line{color:#fff!important;font-weight:800}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form textarea{margin-bottom:0}.contact-form textarea,.contact-form button{grid-column:1/-1}.footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;border-top:1px solid rgba(255,255,255,.08);padding:38px 10px 60px;color:#cbd3d9}.footer a{display:block;margin:0 0 10px}.footer small{grid-column:1/-1;color:#7f8a93}@media(max-width:1100px){.nav,.header-actions{display:none}.menu-button{display:block;margin-left:auto}.nav.open{display:flex;position:absolute;left:16px;right:16px;top:74px;flex-direction:column;padding:20px;background:#081017;border:1px solid var(--line);border-radius:16px}.hero,.auth-grid,.split,.contact-section,.phone-block{grid-template-columns:1fr}.feature-strip{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:1fr}.sidebar{display:none}.dashboard-main,.six-grid,.three-grid,.five-grid{grid-template-columns:1fr}.hero-visual{min-height:430px}.car{right:20px;width:320px}.barrier{right:20px;width:300px}.kiosk{left:24px}.contact-form{grid-template-columns:1fr}.footer{grid-template-columns:1fr}}@media(max-width:640px){.site-shell{padding:0 10px}.header{padding:14px}.brand{font-size:24px}.hero{padding:22px;min-height:auto}.hero h1{font-size:44px}.feature-strip{grid-template-columns:1fr}.hero-visual{display:none}.login-card{padding:22px}.dashboard-main{padding:16px}.detail{grid-column:auto}.content-section,.dashboard-section{padding:50px 0}.phone-block{padding:22px}.phone-mock{width:230px;height:470px}.footer{padding-bottom:30px}}


/* ===============================
   GüvenGo V4 düzeltmeleri
   Mevcut tasarımı bozmadan: hizalama, boşluk, dashboard, mobil düzen
   =============================== */

html {
  scroll-padding-top: 112px;
}

.site-shell {
  width: min(1500px, 100%);
}

.header {
  top: 8px;
  margin-bottom: 16px;
}

.hero {
  min-height: 590px;
  padding: 32px;
}

.hero h1 {
  font-size: clamp(44px, 5.4vw, 78px);
}

.hero-visual {
  min-height: 485px;
}

.kiosk .plate,
.car-plate {
  white-space: nowrap;
}

.feature-strip {
  margin-bottom: 34px;
}

.auth-grid {
  margin: 42px 0;
}

.dashboard-section,
.content-section {
  padding: 62px 0;
}

.section-title {
  margin-bottom: 30px;
}

.section-title h2,
.content-section h2 {
  font-size: clamp(30px, 3.7vw, 50px);
}

.dashboard {
  grid-template-columns: 225px 1fr;
}

.sidebar {
  padding: 22px;
  gap: 8px;
}

.sidebar a {
  padding: 11px 13px;
  font-size: 13px;
}

.dashboard-main {
  gap: 12px;
  padding: 22px;
}

.card {
  padding: 18px;
}

.card h3 {
  font-size: 24px;
}

.detail {
  grid-column: span 2;
}

.three-grid article,
.six-grid article {
  padding: 26px;
}

.five-grid article {
  padding: 22px;
}

.split {
  align-items: center;
}

.steps {
  gap: 12px;
}

.steps article {
  padding: 20px;
}

.phone-block {
  padding: 34px;
  grid-template-columns: 340px 1fr;
}

.phone-mock {
  width: 250px;
  height: 500px;
}

.phone-screen strong {
  font-size: 32px;
}

.contact-section {
  padding: 34px;
  margin: 58px 0 46px;
}

@media (max-width: 1200px) {
  .nav,
  .header-actions {
    display: none;
  }

  .menu-button {
    display: block;
    margin-left: auto;
  }

  .nav.open {
    display: flex;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 74px;
    flex-direction: column;
    padding: 20px;
    background: #081017;
    border: 1px solid var(--line);
    border-radius: 16px;
  }

  .hero,
  .auth-grid,
  .split,
  .contact-section,
  .phone-block {
    grid-template-columns: 1fr;
  }

  .feature-strip {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .sidebar {
    display: none;
  }

  .dashboard-main,
  .six-grid,
  .three-grid,
  .five-grid {
    grid-template-columns: 1fr;
  }

  .detail {
    grid-column: auto;
  }

  .hero-visual {
    min-height: 430px;
  }

  .car {
    right: 20px;
    width: 320px;
  }

  .barrier {
    right: 20px;
    width: 300px;
  }

  .kiosk {
    left: 24px;
  }

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

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

@media (max-width: 760px) {
  html {
    scroll-padding-top: 92px;
  }

  .site-shell {
    padding: 0 10px;
  }

  .header {
    top: 6px;
    padding: 13px 14px;
    margin: 8px 0 12px;
    border-radius: 16px;
  }

  .brand {
    font-size: 24px;
  }

  .hero {
    padding: 22px;
    min-height: auto;
    border-radius: 22px;
  }

  .hero h1 {
    font-size: 42px;
    letter-spacing: -1.6px;
  }

  .lead {
    font-size: 15.5px;
    line-height: 1.7;
  }

  .hero-buttons .btn {
    width: 100%;
  }

  .feature-strip {
    grid-template-columns: 1fr;
    margin-bottom: 28px;
  }

  .feature-strip article {
    padding: 18px;
  }

  .hero-visual {
    min-height: 340px;
  }

  .kiosk {
    width: 118px;
    height: 235px;
    left: 18px;
    bottom: 54px;
    padding: 16px;
  }

  .kiosk-logo {
    font-size: 16px;
  }

  .kiosk-welcome {
    font-size: 11px;
  }

  .arrow {
    font-size: 50px;
  }

  .plate {
    font-size: 12px;
    padding: 8px;
  }

  .car {
    width: 240px;
    height: 105px;
    right: 15px;
    bottom: 58px;
  }

  .car:before {
    width: 125px;
    height: 46px;
    left: 55px;
    top: -31px;
  }

  .car-light {
    top: 35px;
    width: 45px;
  }

  .car-plate {
    left: 80px;
    bottom: 15px;
    font-size: 9px;
  }

  .barrier {
    width: 220px;
    right: 20px;
    bottom: 145px;
  }

  .login-card {
    padding: 22px;
  }

  .tabs {
    gap: 18px;
  }

  .tabs span {
    font-size: 12px;
  }

  .form-row {
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
  }

  .dashboard-main {
    padding: 16px;
  }

  .content-section,
  .dashboard-section {
    padding: 46px 0;
  }

  .section-title h2,
  .content-section h2 {
    font-size: 32px;
    letter-spacing: -1px;
  }

  .phone-block {
    padding: 22px;
  }

  .phone-mock {
    width: 225px;
    height: 455px;
  }

  .phone-screen {
    padding: 20px;
  }

  .phone-screen strong {
    font-size: 27px;
  }

  .steps article {
    grid-template-columns: 46px 1fr;
    padding: 18px;
  }

  .steps p {
    grid-column: 1 / -1;
  }

  .business-list {
    grid-template-columns: 1fr;
  }

  .contact-section {
    padding: 22px;
    margin: 40px 0 32px;
  }

  .footer {
    padding-bottom: 30px;
  }
}

@media (max-width: 520px) {
  .hero-visual {
    display: none;
  }

  .hero h1 {
    font-size: 38px;
  }

  .section-title,
  .content-section .section-title {
    text-align: left;
  }
}


/* ===============================
   GüvenGo V4.1 nokta düzeltmeler
   =============================== */

/* Anchor tıklamalarında bölüm başı net görünsün */
#top,
#giris,
#uyeol,
#nedir,
#nasil,
#mobil,
#cozumler,
#kurumsal,
#guvenlik,
#hakkimizda,
#iletisim {
  scroll-margin-top: 124px;
}

/* Masaüstü: bölümleri biraz daha kompakt ve net yap */
.dashboard-section,
.content-section {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.section-title {
  margin-bottom: 24px !important;
}

.section-title h2,
.content-section h2 {
  text-wrap: balance;
}

.section-title p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Hero hâlâ büyük kalsın ama alt özellikler kesilmesin */
.hero {
  min-height: 560px !important;
}

.hero h1 {
  font-size: clamp(42px, 5.15vw, 74px) !important;
}

.hero-visual {
  min-height: 455px !important;
}

/* Dashboard tanıtım sitesinde daha zarif ve az baskın dursun */
.dashboard-section .section-title h2 {
  font-size: clamp(30px, 3.25vw, 46px) !important;
}

.dashboard {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
}

.dashboard-main {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.dashboard .card {
  min-height: 188px;
}

.dashboard .card h3 {
  font-size: 22px !important;
}

.dashboard .detail {
  grid-column: span 2;
  min-height: 210px;
}

/* Kartlar daha premium, daha az kaba */
.glass-card,
.card,
.five-grid article,
.steps article,
.business-list span {
  background: linear-gradient(180deg, rgba(20, 29, 38, .66), rgba(7, 10, 14, .78)) !important;
  border-color: rgba(255, 255, 255, .105) !important;
}

.three-grid article,
.six-grid article,
.five-grid article {
  min-height: 168px;
}

/* Nasıl Çalışır bölümü ekrana daha dengeli otursun */
#nasil.split {
  grid-template-columns: .72fr 1.28fr !important;
}

#nasil .steps article {
  padding: 18px 20px !important;
}

#nasil .steps h3 {
  font-size: 18px;
}

#nasil .steps p {
  line-height: 1.55;
}

/* Kurumsal bölümünde alttaki Güvenlik başlığı aynı ekrana girmesin */
#kurumsal {
  padding-bottom: 78px !important;
}

#kurumsal .business-list span {
  min-height: 72px;
  display: flex;
  align-items: center;
}

/* Mobil uygulama bölümü daha dengeli */
#mobil .phone-block {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.phone-features article {
  padding: 6px 0;
}

/* Güvenlik kartları sıkışmasın */
.five-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.five-grid article p {
  line-height: 1.65;
}

/* Hakkımızda iletişime yapışmasın ama dev boşluk da bırakmasın */
#hakkimizda {
  padding-top: 58px !important;
  padding-bottom: 34px !important;
}

#hakkimizda h2 {
  font-size: clamp(30px, 3.5vw, 48px) !important;
}

/* İletişim ve footer daha temiz */
.contact-section {
  margin-top: 36px !important;
}

.footer {
  padding-top: 30px !important;
}

/* Büyük ekran ama düşük yükseklikte: gereksiz dev boşlukları azalt */
@media (min-width: 1000px) and (max-height: 850px) {
  .dashboard-section,
  .content-section {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .hero {
    min-height: 530px !important;
  }

  .hero-visual {
    min-height: 430px !important;
  }

  .section-title h2,
  .content-section h2 {
    font-size: clamp(28px, 3.25vw, 46px) !important;
  }

  .three-grid article,
  .six-grid article,
  .five-grid article {
    min-height: 148px;
  }

  #kurumsal {
    padding-bottom: 62px !important;
  }
}

@media (max-width: 1200px) {
  .dashboard-main {
    grid-template-columns: 1fr !important;
  }

  .dashboard .detail {
    grid-column: auto;
  }

  #nasil.split {
    grid-template-columns: 1fr !important;
  }

  .five-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  #top,
  #giris,
  #uyeol,
  #nedir,
  #nasil,
  #mobil,
  #cozumler,
  #kurumsal,
  #guvenlik,
  #hakkimizda,
  #iletisim {
    scroll-margin-top: 96px;
  }

  .dashboard-section,
  .content-section {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  .hero {
    min-height: auto !important;
  }

  .hero h1 {
    font-size: 40px !important;
  }

  .section-title h2,
  .content-section h2 {
    font-size: 30px !important;
  }

  .auth-grid {
    gap: 16px;
  }

  .login-card {
    padding: 20px !important;
  }

  .contact-section {
    margin-top: 24px !important;
  }

  .footer {
    gap: 14px !important;
  }
}

@media (max-width: 520px) {
  .hero h1 {
    font-size: 36px !important;
  }

  .dashboard-section .section-title h2 {
    font-size: 29px !important;
  }
}


/* ===============================
   GüvenGo V4.2
   Dashboard/panel önizleme bölümü kaldırıldı.
   Sayfa artık sadece üst menüdeki tanıtım bölümlerinden oluşur.
   =============================== */

.auth-grid {
  margin-bottom: 54px !important;
}

#nedir {
  padding-top: 58px !important;
}

@media (max-width: 760px) {
  .auth-grid {
    margin-bottom: 34px !important;
  }

  #nedir {
    padding-top: 42px !important;
  }
}


/* ===============================
   GüvenGo V4.3 ince düzenleme
   =============================== */

/* Menüde aktif bölüm net görünsün */
.nav a.active {
  color: var(--orange) !important;
  opacity: 1;
}

.nav a {
  transition: color .18s ease, opacity .18s ease;
}

/* Giriş/üye ol gerçek sistem gibi algılanmasın; demo notu */
.form-note {
  margin: -10px auto 18px;
  max-width: 520px;
  text-align: center;
  color: #aeb8c2;
  font-size: 13px;
  line-height: 1.55;
}

/* Üst bölüm ve özellik barı biraz daha dengeli */
.feature-strip article {
  min-height: 94px;
}

.feature-strip strong {
  line-height: 1.2;
}

/* Güvenlikten sonra iletişim daha temiz gelsin; arada Hakkımızda kaldırıldı */
#guvenlik {
  padding-bottom: 66px !important;
}

#iletisim {
  margin-top: 26px !important;
}

/* Güvenlik kartları masaüstünde daha okunur: 5 dar kart yerine kontrollü 3+2 düzen */
@media (min-width: 1201px) {
  .five-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .five-grid article {
    min-height: 225px;
  }
}

/* Nasıl Çalışır: çok uzun hissini azalt */
#nasil .steps article {
  min-height: 112px;
}

#nasil .steps p {
  font-size: 15px;
}

/* Mobil uygulama bölümündeki kartın yukarı/alt boşluklarını azalt */
#mobil .phone-block {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* İletişim formu daha derli toplu */
.contact-section {
  align-items: center;
}

.contact-section h2 {
  font-size: clamp(28px, 3.05vw, 42px) !important;
}

.contact-section .contact-line {
  margin-top: 18px;
}

/* Footer daha az yer kaplasın */
.footer {
  padding-top: 26px !important;
  padding-bottom: 34px !important;
}

@media (max-width: 1200px) {
  .five-grid article {
    min-height: auto;
  }

  .form-note {
    text-align: left;
  }
}

@media (max-width: 760px) {
  .form-note {
    font-size: 12.5px;
    margin-bottom: 14px;
  }

  #guvenlik {
    padding-bottom: 44px !important;
  }

  #iletisim {
    margin-top: 18px !important;
  }

  .feature-strip article {
    min-height: auto;
  }
}


/* ===============================
   GüvenGo V4.4 son masaüstü toplama
   =============================== */

/* Genel akış: bölümler ekrana daha iyi otursun */
.dashboard-section,
.content-section {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.section-title {
  margin-bottom: 22px !important;
}

/* Başlıklar biraz daha sakin */
.section-title h2,
.content-section h2 {
  font-size: clamp(30px, 3.25vw, 46px) !important;
}

/* Ana sayfa özellik barı daha profesyonel, daha az yüksek */
.feature-strip {
  margin-top: 14px !important;
  margin-bottom: 28px !important;
}

.feature-strip article {
  min-height: 82px !important;
  padding: 16px 20px !important;
}

/* Form notu daha küçük ve premium */
.form-note {
  max-width: 560px;
  margin: -8px auto 16px !important;
  color: #96a2ad !important;
  font-size: 12.5px !important;
}

/* Giriş/Üye Ol bölümü çok hacimli durmasın */
.auth-grid {
  gap: 18px !important;
  margin-top: 34px !important;
  margin-bottom: 44px !important;
}

.login-card {
  padding: 26px !important;
}

.login-card h2 {
  margin-bottom: 16px !important;
}

.tabs {
  margin-bottom: 18px !important;
}

input,
textarea {
  padding: 13px 14px !important;
  margin-bottom: 11px !important;
}

/* GüvenGo nedir kartları: akıştan sonraki kartlar aşağıdan kesilmesin */
#nedir {
  padding-bottom: 40px !important;
}

#nedir .three-grid article {
  min-height: 150px !important;
}

/* Nasıl çalışır: soldaki dev boşluk ve sağdaki kart yüksekliği azaltıldı */
#nasil {
  padding-top: 42px !important;
  padding-bottom: 38px !important;
}

#nasil.split {
  grid-template-columns: .64fr 1.36fr !important;
  gap: 32px !important;
  align-items: center !important;
}

#nasil .steps {
  gap: 10px !important;
}

#nasil .steps article {
  min-height: 96px !important;
  padding: 16px 18px !important;
}

#nasil .steps h3 {
  font-size: 17px !important;
  margin-top: 2px !important;
}

#nasil .steps p {
  font-size: 14.2px !important;
  line-height: 1.45 !important;
}

/* Mobil uygulama: görsel blok daha zarif ve daha az aşağı sarksın */
#mobil {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

#mobil .section-title p {
  max-width: 740px;
}

.phone-block {
  grid-template-columns: 300px 1fr !important;
  gap: 30px !important;
  padding: 26px 30px !important;
}

.phone-mock {
  width: 218px !important;
  height: 430px !important;
  border-width: 7px !important;
}

.phone-screen {
  padding: 18px !important;
}

.phone-screen strong {
  font-size: 27px !important;
  margin: 20px 0 !important;
}

/* Çözümler: ekranı daha iyi doldursun, başlık biraz daha kompakt */
#cozumler {
  padding-top: 44px !important;
}

#cozumler .six-grid {
  gap: 14px !important;
}

#cozumler .six-grid article {
  min-height: 138px !important;
  padding: 24px !important;
}

/* Kurumsal: alttaki güvenlik başlığı artık görünmesin / çok erken girmesin */
#kurumsal {
  padding-top: 52px !important;
  padding-bottom: 92px !important;
  min-height: 520px;
}

#kurumsal.split {
  align-items: center !important;
}

#kurumsal .business-list {
  gap: 12px !important;
}

#kurumsal .business-list span {
  min-height: 68px !important;
  padding: 18px 22px !important;
}

/* Güvenlik: kartlar daha temiz, altta gereksiz bölüm kırpıntısı görünmesin */
#guvenlik {
  padding-top: 54px !important;
  padding-bottom: 76px !important;
  min-height: 560px;
}

#guvenlik .five-grid article {
  min-height: 198px !important;
  padding: 20px !important;
}

#guvenlik .five-grid h3 {
  font-size: 17px !important;
}

#guvenlik .five-grid p {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* İletişim: daha kompakt ve daha kurumsal */
#iletisim {
  margin-top: 20px !important;
}

.contact-section {
  padding: 30px !important;
}

.contact-section h2 {
  font-size: clamp(26px, 2.7vw, 38px) !important;
}

.contact-form {
  gap: 10px !important;
}

.contact-form textarea {
  min-height: 104px !important;
}

.footer {
  padding-top: 24px !important;
  padding-bottom: 30px !important;
}

/* Dar laptop yüksekliğinde görünen kesikleri azalt */
@media (min-width: 1000px) and (max-height: 820px) {
  .content-section {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  #kurumsal {
    min-height: 560px;
    padding-bottom: 112px !important;
  }

  #guvenlik {
    min-height: 565px;
    padding-bottom: 90px !important;
  }

  #nasil .steps article {
    min-height: 88px !important;
    padding: 14px 17px !important;
  }

  #nasil .steps p {
    font-size: 13.7px !important;
  }

  .phone-mock {
    width: 205px !important;
    height: 400px !important;
  }
}

/* Tablet ve mobil taraf korunuyor */
@media (max-width: 1200px) {
  #nasil.split,
  .phone-block {
    grid-template-columns: 1fr !important;
  }

  #kurumsal,
  #guvenlik {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  .content-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .auth-grid {
    margin-top: 26px !important;
    margin-bottom: 32px !important;
  }

  .login-card {
    padding: 20px !important;
  }

  #nasil .steps article {
    min-height: auto !important;
  }

  .phone-block {
    padding: 20px !important;
  }

  .phone-mock {
    width: 220px !important;
    height: 440px !important;
  }
}


/* ===============================
   GüvenGo V4.5 - Hero görsel entegrasyonu
   Sağdaki çizim yerine premium otopark görseli kullanıldı.
   =============================== */

.hero {
  position: relative;
  grid-template-columns: .82fr 1.18fr !important;
  gap: 26px !important;
  background:
    radial-gradient(circle at 75% 50%, rgba(255, 106, 0, .12), transparent 32%),
    linear-gradient(135deg, rgba(5, 8, 11, .98), rgba(8, 13, 18, .82)) !important;
}

.hero-copy {
  position: relative;
  z-index: 2;
}

.hero-copy .eyebrow {
  color: #ff8a1f;
}

.hero h1 {
  text-shadow: 0 8px 34px rgba(180, 220, 255, .16);
}

.hero .lead {
  max-width: 590px;
}

.hero-image-visual {
  position: relative;
  min-height: 500px !important;
  border-radius: 28px !important;
  overflow: hidden;
  background: #05080b !important;
  border: 1px solid rgba(255, 255, 255, .105) !important;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, .55),
    inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.hero-image-visual img {
  width: 100%;
  height: 100%;
  min-height: 500px;
  display: block;
  object-fit: cover;
  object-position: 56% center;
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.05) brightness(.88);
}

.hero-image-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3, 5, 7, .42), transparent 34%),
    linear-gradient(180deg, rgba(3, 5, 7, .06), rgba(3, 5, 7, .28));
}

.feature-strip {
  background:
    linear-gradient(180deg, rgba(16, 22, 28, .72), rgba(5, 8, 11, .82)) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .34);
}

.feature-strip article {
  backdrop-filter: blur(10px);
}

.feature-strip span {
  color: #ff8a1f !important;
  text-shadow: 0 0 24px rgba(255, 106, 0, .2);
}

/* Eski CSS çizim elemanları artık kullanılmıyor */
.city,
.barrier,
.kiosk,
.car,
.car-light,
.car-plate {
  display: none !important;
}

@media (min-width: 1000px) and (max-height: 820px) {
  .hero-image-visual {
    min-height: 455px !important;
  }

  .hero-image-visual img {
    min-height: 455px;
  }
}

@media (max-width: 1200px) {
  .hero {
    grid-template-columns: 1fr !important;
  }

  .hero-image-visual {
    min-height: 420px !important;
  }

  .hero-image-visual img {
    min-height: 420px;
    object-position: center;
  }
}

@media (max-width: 760px) {
  .hero-image-visual {
    min-height: 300px !important;
    border-radius: 20px !important;
  }

  .hero-image-visual img {
    min-height: 300px;
    object-position: center;
  }
}

@media (max-width: 520px) {
  .hero-image-visual {
    display: block !important;
    min-height: 250px !important;
  }

  .hero-image-visual img {
    min-height: 250px;
  }
}


/* ===============================
   GüvenGo V4.6 - Ana sayfa tek görsel hero
   Soldaki ayrı HTML hero kaldırıldı; görsel ana alan gibi kullanıldı.
   Görseldeki butonların üstüne tıklanabilir alanlar eklendi.
   =============================== */

@media (min-width: 901px) {
  .hero {
    display: block !important;
    min-height: auto !important;
    padding: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background: #05080b !important;
  }

  .hero-copy {
    display: none !important;
  }

  .hero-image-visual {
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 8.15;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 34px 100px rgba(0,0,0,.56) !important;
  }

  .hero-image-visual img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: saturate(1.04) contrast(1.04) brightness(.96) !important;
  }

  .hero-image-overlay {
    background:
      linear-gradient(180deg, rgba(3,5,7,.02), rgba(3,5,7,.10)) !important;
  }

  .hero-hotspot {
    position: absolute;
    z-index: 5;
    display: block;
    border-radius: 14px;
    opacity: .01;
    background: transparent;
  }

  .hero-hotspot:focus-visible {
    opacity: 1;
    outline: 2px solid #ff8a1f;
    outline-offset: 4px;
    background: rgba(255, 138, 31, .14);
  }

  /* Görseldeki butonların yaklaşık üstüne oturan görünmez tıklama alanları */
  .hero-hotspot-app {
    left: 48.7%;
    top: 63.4%;
    width: 12.8%;
    height: 7.2%;
  }

  .hero-hotspot-solutions {
    left: 63.2%;
    top: 63.4%;
    width: 12.0%;
    height: 7.2%;
  }

  /* Görselin içinde özellik şeridi olduğu için HTML feature strip masaüstünde gizlendi */
  .feature-strip {
    display: none !important;
  }
}

/* Mobilde görseldeki yazılar küçük kalabileceği için eski okunabilir yapı korunsun */
@media (max-width: 900px) {
  .hero-copy {
    display: block !important;
  }

  .hero-hotspot {
    display: none !important;
  }

  .feature-strip {
    display: grid !important;
  }
}


/* ===============================
   GüvenGo V4.7 - Kullanıcının seçtiği final hero görseli
   =============================== */

@media (min-width: 901px) {
  .hero-image-visual {
    aspect-ratio: 16 / 9 !important;
    border-radius: 28px !important;
    background: #020406 !important;
  }

  .hero-image-visual img {
    object-fit: cover !important;
    object-position: center center !important;
    filter: saturate(1.03) contrast(1.03) brightness(.98) !important;
  }

  .hero-image-overlay {
    background:
      linear-gradient(180deg, rgba(3,5,7,.00), rgba(3,5,7,.08)) !important;
  }

  /* Final görseldeki butonların üstüne denk gelen görünmez tıklama alanları */
  .hero-hotspot-app {
    left: 4.0% !important;
    top: 68.4% !important;
    width: 12.8% !important;
    height: 6.4% !important;
  }

  .hero-hotspot-solutions {
    left: 18.1% !important;
    top: 68.4% !important;
    width: 11.8% !important;
    height: 6.4% !important;
  }

  .hero {
    margin-top: 0 !important;
  }
}

/* Mobilde bu görsel de kullanılabilir; ama yazılar çok küçülürse eski HTML düzeni devreye girer. */
@media (max-width: 900px) {
  .hero-image-visual img {
    content: url("assets/hero-background.jpg");
  }
}


/* ===============================
   GüvenGo V4.9 - Hero büyük görünüm + kesin çalışan buton alanları
   =============================== */

@media (min-width: 901px) {
  main#top {
    padding-top: 0 !important;
  }

  .hero {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-height: auto !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .hero-copy {
    display: none !important;
  }

  .hero-image-visual {
    position: relative !important;
    width: min(100%, 1360px) !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    background: #020406 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 32px 100px rgba(0,0,0,.54) !important;
  }

  .hero-image-visual img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: saturate(1.03) contrast(1.03) brightness(.98) !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  .hero-image-overlay {
    background: transparent !important;
    pointer-events: none !important;
  }

  .feature-strip {
    display: none !important;
  }

  .hero-hotspot {
    position: absolute !important;
    z-index: 9999 !important;
    display: block !important;
    border-radius: 13px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    background: rgba(255, 138, 31, .001) !important;
  }

  .hero-hotspot:hover,
  .hero-hotspot:focus-visible {
    background: rgba(255, 138, 31, .10) !important;
    outline: 2px solid rgba(255, 138, 31, .60) !important;
    outline-offset: 3px !important;
  }

  /* Final görseldeki gerçek buton konumları */
  .hero-hotspot-app {
    left: 4.05% !important;
    top: 68.15% !important;
    width: 12.05% !important;
    height: 6.35% !important;
  }

  .hero-hotspot-solutions {
    left: 18.05% !important;
    top: 68.15% !important;
    width: 11.35% !important;
    height: 6.35% !important;
  }
}

/* Laptop ekranında alttan çok kesilmesin ama çok da küçülmesin */
@media (min-width: 901px) and (max-height: 820px) {
  .hero-image-visual {
    width: min(100%, 1180px) !important;
  }
}

@media (min-width: 901px) and (max-height: 720px) {
  .hero-image-visual {
    width: min(100%, 1080px) !important;
  }
}

/* Mobil/tablette eski okunabilir düzen */
@media (max-width: 900px) {
  .hero-copy {
    display: block !important;
  }

  .hero-hotspot {
    display: none !important;
  }

  .feature-strip {
    display: grid !important;
  }
}


/* ===============================
   GüvenGo V5.0 - Önce sadece arka plan görseli
   Görsel dosyası: /assets/hero-background.jpg
   =============================== */

@media (min-width: 901px) {
  main#top {
    padding-top: 0 !important;
  }

  .hero {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto 42px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .hero-copy {
    display: none !important;
  }

  .hero-image-visual {
    width: min(100%, 1360px) !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    background: #020406 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 32px 100px rgba(0,0,0,.54) !important;
  }

  .hero-image-visual img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: saturate(1.03) contrast(1.03) brightness(.98) !important;
  }

  .hero-image-overlay,
  .hero-hotspot,
  .feature-strip {
    display: none !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  .hero-image-visual {
    width: min(100%, 1180px) !important;
  }
}

@media (min-width: 901px) and (max-height: 720px) {
  .hero-image-visual {
    width: min(100%, 1080px) !important;
  }
}


/* ===============================
   GüvenGo V5.1 - Canlı yazılı hero + arka plan görseli
   Görsel dosyası: assets/hero-background.jpg
   =============================== */

.hero-bg-live {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: calc(100vh - 106px) !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: #020406 !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.56) !important;
}

.hero-bg-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.04) contrast(1.04) brightness(.88) !important;
  transform: scale(1.055) !important;
  pointer-events: none !important;
  user-select: none !important;
}

.hero-bg-shade {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(2,4,6,.88) 0%, rgba(2,4,6,.62) 32%, rgba(2,4,6,.18) 58%, rgba(2,4,6,.08) 100%),
    linear-gradient(180deg, rgba(2,4,6,.16) 0%, rgba(2,4,6,.05) 45%, rgba(2,4,6,.54) 100%) !important;
  pointer-events: none !important;
}

.hero-live-content {
  position: relative !important;
  z-index: 3 !important;
  width: min(620px, 48%) !important;
  padding: clamp(54px, 7vh, 88px) 0 0 clamp(38px, 5vw, 72px) !important;
}

.hero-live-content .eyebrow {
  color: #ff8a1f !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin: 0 0 18px !important;
}

.hero-live-content h1 {
  font-size: clamp(52px, 6.1vw, 88px) !important;
  line-height: .98 !important;
  margin: 0 0 26px !important;
  letter-spacing: -3.5px !important;
  color: #fff !important;
  text-shadow: 0 12px 40px rgba(180,220,255,.20) !important;
}

.hero-live-content h1 span {
  color: #ff7a00 !important;
}

.hero-live-content .lead {
  max-width: 560px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
  margin: 0 !important;
}

.hero-live-content .hero-buttons {
  margin-top: 30px !important;
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.hero-live-features {
  position: absolute !important;
  z-index: 3 !important;
  left: clamp(28px, 4vw, 62px) !important;
  right: clamp(28px, 4vw, 62px) !important;
  bottom: clamp(18px, 4vh, 42px) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 760px !important;
}

.hero-live-features article {
  min-height: 112px !important;
  padding: 18px 18px !important;
  border-right: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(2,4,6,.06) !important;
}

.hero-live-features article:first-child {
  border-left: 0 !important;
}

.hero-live-features article:last-child {
  border-right: 0 !important;
}

.hero-live-features span {
  display: block !important;
  color: #ff8a1f !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

.hero-live-features strong {
  display: block !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  margin-bottom: 6px !important;
}

.hero-live-features small {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.hero-image-visual,
.hero-copy,
.feature-strip {
  display: none !important;
}

/* Basık laptop ekranları için: görsel büyüsün ama içerik sığsın */
@media (min-width: 901px) and (max-height: 780px) {
  .hero-bg-live {
    min-height: 680px !important;
  }

  .hero-live-content {
    padding-top: 48px !important;
  }

  .hero-live-content h1 {
    font-size: clamp(48px, 5.4vw, 74px) !important;
  }

  .hero-live-features {
    bottom: 18px !important;
  }
}

@media (max-width: 1100px) {
  .hero-live-content {
    width: min(620px, 64%) !important;
  }

  .hero-live-features {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 620px !important;
  }

  .hero-live-features article:nth-child(3) {
    border-right: 0 !important;
  }

  .hero-live-features article:nth-child(n+4) {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .hero-bg-live {
    min-height: 760px !important;
    border-radius: 22px !important;
  }

  .hero-bg-img {
    object-position: 58% center !important;
    transform: scale(1.08) !important;
  }

  .hero-bg-shade {
    background:
      linear-gradient(180deg, rgba(2,4,6,.82) 0%, rgba(2,4,6,.42) 48%, rgba(2,4,6,.76) 100%) !important;
  }

  .hero-live-content {
    width: 100% !important;
    padding: 42px 24px 0 !important;
  }

  .hero-live-content h1 {
    font-size: clamp(42px, 12vw, 64px) !important;
    letter-spacing: -2.4px !important;
  }

  .hero-live-content .lead {
    font-size: 16px !important;
  }

  .hero-live-features {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    grid-template-columns: 1fr !important;
    max-width: none !important;
  }

  .hero-live-features article {
    min-height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    padding: 14px 16px !important;
    background: rgba(5,8,11,.54) !important;
  }

  .hero-live-features article:nth-child(n+4) {
    display: none !important;
  }
}


/* ===============================
   GüvenGo V5.2 - Hero yerleşim düzeltmesi
   Aynı görsel: assets/hero-background.jpg
   Daha dolu görsel + daha net canlı yazı + çalışan gerçek butonlar
   =============================== */

.hero-bg-live {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: calc(100vh - 96px) !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: #020406 !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.56) !important;
}

.hero-bg-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.08) contrast(1.07) brightness(.88) !important;
  transform: scale(1.12) !important;
  pointer-events: none !important;
  user-select: none !important;
}

.hero-bg-shade {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 18% 42%, rgba(4, 9, 14, .92) 0%, rgba(4, 9, 14, .78) 33%, rgba(4, 9, 14, .34) 53%, rgba(4, 9, 14, .08) 78%),
    linear-gradient(90deg, rgba(2,4,6,.94) 0%, rgba(2,4,6,.76) 30%, rgba(2,4,6,.30) 52%, rgba(2,4,6,.08) 100%),
    linear-gradient(180deg, rgba(2,4,6,.16) 0%, rgba(2,4,6,.02) 48%, rgba(2,4,6,.58) 100%) !important;
  pointer-events: none !important;
}

.hero-live-content {
  position: relative !important;
  z-index: 3 !important;
  width: min(610px, 48%) !important;
  padding: clamp(46px, 6vh, 74px) 0 0 clamp(36px, 5vw, 72px) !important;
}

.hero-live-content .eyebrow {
  color: #ff8a1f !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin: 0 0 16px !important;
}

.hero-live-content h1 {
  font-size: clamp(52px, 5.8vw, 82px) !important;
  line-height: .98 !important;
  margin: 0 0 22px !important;
  letter-spacing: -3.2px !important;
  color: #fff !important;
  text-shadow: 0 12px 42px rgba(180,220,255,.24), 0 2px 2px rgba(0,0,0,.32) !important;
}

.hero-live-content h1 span {
  color: #ff7a00 !important;
}

.hero-live-content .lead {
  max-width: 530px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 17px !important;
  line-height: 1.66 !important;
  margin: 0 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.60) !important;
}

.hero-live-content .hero-buttons {
  margin-top: 28px !important;
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.hero-live-content .btn {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
}

.hero-live-content .btn.primary {
  box-shadow: 0 18px 42px rgba(255,106,0,.30) !important;
}

.hero-live-content .btn.ghost {
  background: rgba(3,7,10,.46) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  backdrop-filter: blur(10px) !important;
}

/* Alt özellikleri sadeleştir: daha az kalabalık, solda küçük şerit */
.hero-live-features {
  position: absolute !important;
  z-index: 3 !important;
  left: clamp(32px, 5vw, 72px) !important;
  bottom: clamp(22px, 4vh, 38px) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(92px, 1fr)) !important;
  gap: 0 !important;
  width: min(700px, 58%) !important;
  max-width: 720px !important;
}

.hero-live-features article {
  min-height: 94px !important;
  padding: 14px 14px !important;
  border-right: 1px solid rgba(255,255,255,.15) !important;
  background: rgba(2,4,6,.10) !important;
  backdrop-filter: blur(2px) !important;
}

.hero-live-features article:last-child {
  border-right: 0 !important;
}

.hero-live-features span {
  display: block !important;
  color: #ff8a1f !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

.hero-live-features strong {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  margin-bottom: 5px !important;
  line-height: 1.15 !important;
}

.hero-live-features small {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
}

.hero-image-visual,
.hero-copy,
.feature-strip {
  display: none !important;
}

/* Laptop ekranlarında başlık sığsın; görsel küçük görünmesin */
@media (min-width: 901px) and (max-height: 790px) {
  .hero-bg-live {
    min-height: 650px !important;
  }

  .hero-bg-img {
    transform: scale(1.15) !important;
  }

  .hero-live-content {
    padding-top: 42px !important;
  }

  .hero-live-content h1 {
    font-size: clamp(48px, 5.2vw, 72px) !important;
    margin-bottom: 18px !important;
  }

  .hero-live-content .lead {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .hero-live-content .hero-buttons {
    margin-top: 22px !important;
  }

  .hero-live-features {
    bottom: 16px !important;
    width: min(660px, 58%) !important;
  }

  .hero-live-features article {
    min-height: 84px !important;
    padding: 12px 12px !important;
  }
}

/* Daha dar ekranlarda özellikleri 3'e düşür, ana görsel rahatlasın */
@media (max-width: 1100px) {
  .hero-live-content {
    width: min(590px, 60%) !important;
  }

  .hero-live-features {
    grid-template-columns: repeat(3, minmax(100px, 1fr)) !important;
    width: min(500px, 54%) !important;
  }

  .hero-live-features article:nth-child(n+4) {
    display: none !important;
  }

  .hero-live-features article:nth-child(3) {
    border-right: 0 !important;
  }
}

/* Mobilde canlı yazı okunaklı kalsın */
@media (max-width: 900px) {
  .hero-bg-live {
    min-height: 760px !important;
    border-radius: 22px !important;
  }

  .hero-bg-img {
    object-position: 58% center !important;
    transform: scale(1.12) !important;
  }

  .hero-bg-shade {
    background:
      linear-gradient(180deg, rgba(2,4,6,.86) 0%, rgba(2,4,6,.52) 48%, rgba(2,4,6,.80) 100%) !important;
  }

  .hero-live-content {
    width: 100% !important;
    padding: 42px 24px 0 !important;
  }

  .hero-live-content h1 {
    font-size: clamp(42px, 12vw, 64px) !important;
    letter-spacing: -2.4px !important;
  }

  .hero-live-content .lead {
    font-size: 16px !important;
  }

  .hero-live-features {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    width: auto !important;
    grid-template-columns: 1fr !important;
    max-width: none !important;
  }

  .hero-live-features article {
    min-height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    padding: 14px 16px !important;
    background: rgba(5,8,11,.54) !important;
  }

  .hero-live-features article:nth-child(n+4) {
    display: none !important;
  }
}


/* ===============================
   GüvenGo V5.3 - Premium hero rötuşları
   Renk aynı kalır; sadece boşluk ve özellik şeridi sadeleşir
   =============================== */

.hero-bg-live {
  margin-top: 14px !important;
  min-height: calc(100vh - 112px) !important;
}

.hero-live-content {
  padding-top: clamp(48px, 6.3vh, 78px) !important;
}

.hero-live-features {
  width: min(650px, 55%) !important;
  bottom: clamp(26px, 4.2vh, 42px) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(2, 4, 6, .16) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  backdrop-filter: blur(6px) !important;
}

.hero-live-features article {
  min-height: 76px !important;
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: rgba(2,4,6,.18) !important;
}

.hero-live-features span {
  font-size: 19px !important;
  margin-bottom: 7px !important;
}

.hero-live-features strong {
  font-size: 14px !important;
  line-height: 1.15 !important;
  margin-bottom: 0 !important;
}

.hero-live-features small {
  display: none !important;
}

@media (min-width: 901px) and (max-height: 790px) {
  .hero-bg-live {
    margin-top: 10px !important;
    min-height: 640px !important;
  }

  .hero-live-features {
    bottom: 18px !important;
  }

  .hero-live-features article {
    min-height: 70px !important;
    padding: 12px 13px !important;
  }
}

@media (max-width: 1100px) {
  .hero-live-features {
    width: min(470px, 52%) !important;
  }
}

@media (max-width: 900px) {
  .hero-bg-live {
    margin-top: 10px !important;
  }

  .hero-live-features {
    width: auto !important;
  }
}


/* ===============================
   GüvenGo V5.4 - GG görsel logo kullanımı
   Logo dosyası: assets/guvengo-gg-logo.png
   =============================== */

.brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  line-height: 1 !important;
}

.brand-logo img {
  display: block !important;
  width: auto !important;
  height: 54px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 10px 24px rgba(255,106,0,.18)) !important;
}

.header .brand-logo img {
  height: 58px !important;
  max-width: 164px !important;
}

.footer-logo img {
  height: 62px !important;
  max-width: 180px !important;
}

.mini-logo img {
  height: 42px !important;
  max-width: 130px !important;
}

@media (max-width: 900px) {
  .header .brand-logo img {
    height: 48px !important;
    max-width: 140px !important;
  }

  .footer-logo img {
    height: 52px !important;
  }
}


/* ===============================
   GüvenGo V5.5 - Daha küçük/kibar GG logo
   Alt turuncu çizgi daha görünür kalacak şekilde oran ayarı
   =============================== */

.header {
  min-height: 74px !important;
}

.header .brand-logo {
  min-width: 0 !important;
  padding: 0 !important;
}

.header .brand-logo img {
  height: 42px !important;
  max-width: 118px !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 7px 16px rgba(255,106,0,.22)) !important;
}

.footer-logo img {
  height: 48px !important;
  max-width: 136px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 18px rgba(255,106,0,.18)) !important;
}

.mini-logo img {
  height: 34px !important;
  max-width: 104px !important;
  object-fit: contain !important;
}

@media (max-width: 900px) {
  .header .brand-logo img {
    height: 38px !important;
    max-width: 108px !important;
  }

  .footer-logo img {
    height: 42px !important;
    max-width: 122px !important;
  }
}


/* ===============================
   GüvenGo V5.6 - Kullanıcının attığı GG logonun aynısı
   Küçük, kibar, çizgisi görünen transparan kullanım
   =============================== */

.header {
  min-height: 72px !important;
}

.header .brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 96px !important;
  height: 48px !important;
  overflow: visible !important;
}

.header .brand-logo img {
  display: block !important;
  width: 96px !important;
  height: auto !important;
  max-height: 46px !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 7px 14px rgba(255,106,0,.16)) !important;
}

.footer-logo {
  width: 112px !important;
  height: 56px !important;
}

.footer-logo img {
  display: block !important;
  width: 112px !important;
  height: auto !important;
  max-height: 54px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 16px rgba(255,106,0,.16)) !important;
}

.mini-logo img {
  width: 88px !important;
  height: auto !important;
  max-height: 42px !important;
}

@media (max-width: 900px) {
  .header .brand-logo {
    width: 86px !important;
    height: 44px !important;
  }

  .header .brand-logo img {
    width: 86px !important;
    max-height: 42px !important;
  }

  .footer-logo img {
    width: 96px !important;
  }
}


/* ===============================
   GüvenGo V5.7 - Üst menüde yazılı logo geri alındı
   GG amblem site içinde kullanılmak üzere assets klasöründe kalabilir
   =============================== */

.header .brand {
  font-size: 30px !important;
  letter-spacing: -1.2px !important;
  line-height: 1 !important;
  min-width: auto !important;
  height: auto !important;
}

.header .brand span {
  color: #fff !important;
}

.header .brand strong {
  color: #ff7a00 !important;
}

.footer .brand {
  font-size: 30px !important;
}

.brand-logo,
.header .brand-logo,
.footer-logo,
.mini-logo {
  width: auto !important;
  height: auto !important;
}

.brand-logo img,
.header .brand-logo img,
.footer-logo img,
.mini-logo img {
  display: none !important;
}


/* ===============================
   GüvenGo V6.3 - Header'da tam transparan logo
   Üstte GG, altında GüvenGo; sadece alt slogan kaldırıldı.
   =============================== */

.header {
  min-height: 92px !important;
  align-items: center !important;
  overflow: visible !important;
}

.header .header-full-logo,
.footer .footer-full-logo,
.mini-full-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
}

.header .header-full-logo {
  width: 150px !important;
  min-width: 150px !important;
  height: 82px !important;
}

.header .header-full-logo img {
  display: block !important;
  width: 150px !important;
  height: auto !important;
  max-width: 150px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  filter: drop-shadow(0 7px 16px rgba(255,106,0,.16)) !important;
}

.footer .footer-full-logo {
  width: 170px !important;
  height: 94px !important;
}

.footer .footer-full-logo img {
  display: block !important;
  width: 170px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.mini-full-logo {
  width: 138px !important;
  height: 76px !important;
}

.mini-full-logo img {
  display: block !important;
  width: 138px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

@media (max-width: 1100px) {
  .header {
    min-height: 84px !important;
  }

  .header .header-full-logo {
    width: 128px !important;
    min-width: 128px !important;
    height: 72px !important;
  }

  .header .header-full-logo img {
    width: 128px !important;
    max-width: 128px !important;
  }
}

@media (max-width: 640px) {
  .header {
    min-height: 78px !important;
  }

  .header .header-full-logo {
    width: 112px !important;
    min-width: 112px !important;
    height: 64px !important;
  }

  .header .header-full-logo img {
    width: 112px !important;
    max-width: 112px !important;
  }
}


/* ===============================
   GüvenGo V6.4 - Logo küçültme + kesilme düzeltmesi
   =============================== */

.header {
  min-height: 82px !important;
  align-items: center !important;
  overflow: visible !important;
}

.header .header-full-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 120px !important;
  min-width: 120px !important;
  height: 70px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.header .header-full-logo img {
  display: block !important;
  width: 120px !important;
  height: auto !important;
  max-width: 120px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 6px 14px rgba(255,106,0,.15)) !important;
}

.footer .footer-full-logo {
  width: 150px !important;
  height: 92px !important;
  overflow: visible !important;
}

.footer .footer-full-logo img {
  width: 150px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

@media (max-width: 1100px) {
  .header {
    min-height: 76px !important;
  }

  .header .header-full-logo {
    width: 108px !important;
    min-width: 108px !important;
    height: 64px !important;
  }

  .header .header-full-logo img {
    width: 108px !important;
    max-width: 108px !important;
  }
}

@media (max-width: 640px) {
  .header .header-full-logo {
    width: 98px !important;
    min-width: 98px !important;
    height: 60px !important;
  }

  .header .header-full-logo img {
    width: 98px !important;
    max-width: 98px !important;
  }
}


/* ===============================
   GüvenGo V6.5 - Logo daha küçük + harf kesilmesi giderildi
   =============================== */

.header {
  min-height: 78px !important;
  align-items: center !important;
  overflow: visible !important;
}

.header .header-full-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 104px !important;
  min-width: 104px !important;
  height: 68px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: 1 !important;
}

.header .header-full-logo img {
  display: block !important;
  width: 104px !important;
  height: auto !important;
  max-width: 104px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 5px 12px rgba(255,106,0,.14)) !important;
}

.footer .footer-full-logo {
  width: 145px !important;
  height: 98px !important;
  overflow: visible !important;
}

.footer .footer-full-logo img {
  width: 145px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

@media (max-width: 1100px) {
  .header {
    min-height: 74px !important;
  }

  .header .header-full-logo {
    width: 96px !important;
    min-width: 96px !important;
    height: 64px !important;
  }

  .header .header-full-logo img {
    width: 96px !important;
    max-width: 96px !important;
  }
}

@media (max-width: 640px) {
  .header .header-full-logo {
    width: 88px !important;
    min-width: 88px !important;
    height: 60px !important;
  }

  .header .header-full-logo img {
    width: 88px !important;
    max-width: 88px !important;
  }
}


/* ===============================
   GüvenGo V6.6 - Logo boyutu aynı, alt kesilme tamamen giderildi
   =============================== */

.header {
  min-height: 78px !important;
  align-items: center !important;
  overflow: visible !important;
}

.header .header-full-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 104px !important;
  min-width: 104px !important;
  height: 74px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: 1 !important;
}

.header .header-full-logo img {
  display: block !important;
  width: 104px !important;
  height: auto !important;
  max-width: 104px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 5px 12px rgba(255,106,0,.14)) !important;
}

.footer .footer-full-logo {
  width: 145px !important;
  height: 108px !important;
  overflow: visible !important;
}

.footer .footer-full-logo img {
  width: 145px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

@media (max-width: 1100px) {
  .header {
    min-height: 74px !important;
  }

  .header .header-full-logo {
    width: 96px !important;
    min-width: 96px !important;
    height: 70px !important;
  }

  .header .header-full-logo img {
    width: 96px !important;
    max-width: 96px !important;
  }
}

@media (max-width: 640px) {
  .header .header-full-logo {
    width: 88px !important;
    min-width: 88px !important;
    height: 66px !important;
  }

  .header .header-full-logo img {
    width: 88px !important;
    max-width: 88px !important;
  }
}


/* ===============================
   GüvenGo V6.7 - Son gönderilen logo aynen kullanıldı
   Kırpma yok. Header'da sadece bu logo gösterilir.
   =============================== */

.header {
  min-height: 82px !important;
  align-items: center !important;
  overflow: visible !important;
}

.header .header-full-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 112px !important;
  min-width: 112px !important;
  height: 72px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.header .header-full-logo img {
  display: block !important;
  width: 112px !important;
  height: auto !important;
  max-width: 112px !important;
  max-height: 72px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  filter: drop-shadow(0 5px 12px rgba(255,106,0,.14)) !important;
}

.footer .footer-full-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 152px !important;
  height: 104px !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.footer .footer-full-logo img {
  display: block !important;
  width: 152px !important;
  height: auto !important;
  max-height: 104px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

@media (max-width: 1100px) {
  .header {
    min-height: 76px !important;
  }

  .header .header-full-logo {
    width: 100px !important;
    min-width: 100px !important;
    height: 66px !important;
  }

  .header .header-full-logo img {
    width: 100px !important;
    max-width: 100px !important;
    max-height: 66px !important;
  }
}

@media (max-width: 640px) {
  .header .header-full-logo {
    width: 92px !important;
    min-width: 92px !important;
    height: 62px !important;
  }

  .header .header-full-logo img {
    width: 92px !important;
    max-width: 92px !important;
    max-height: 62px !important;
  }
}


/* ===============================
   GüvenGo V6.8 - Mobil uygulama iPhone görsel bölümü
   =============================== */

.mobile-showcase {
  display: grid;
  grid-template-columns: 1.08fr 0.72fr;
  align-items: center;
  gap: 56px;
  padding: 96px 0;
}

.mobile-copy {
  max-width: 640px;
}

.mobile-copy h2 {
  font-size: clamp(38px, 5vw, 72px);
  line-height: 1.02;
  letter-spacing: -2.8px;
  margin: 12px 0 18px;
}

.mobile-copy > p {
  font-size: 18px;
  line-height: 1.8;
  color: #c8d0d6;
  max-width: 560px;
}

.mobile-points {
  display: grid;
  gap: 14px;
  margin: 30px 0 26px;
}

.mobile-points article {
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}

.mobile-points strong {
  display: block;
  color: #fff;
  font-size: 17px;
  margin-bottom: 6px;
}

.mobile-points span {
  display: block;
  color: #aeb7bf;
  line-height: 1.55;
}

.store-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.store-btn {
  min-width: 150px;
  padding: 13px 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,106,0,.42);
  background: rgba(255,106,0,.12);
  box-shadow: 0 14px 32px rgba(255,106,0,.12);
}

.store-btn span {
  display: block;
  color: #aeb7bf;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.store-btn strong {
  display: block;
  color: #fff;
  font-size: 18px;
  margin-top: 2px;
}

.muted-store {
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  box-shadow: none;
}

.iphone-photo-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 610px;
}

.iphone-photo-wrap::before {
  content: "";
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,106,0,.18), transparent 68%);
  filter: blur(8px);
  z-index: 0;
}

.iphone-photo-wrap img {
  position: relative;
  z-index: 1;
  width: min(320px, 100%);
  height: auto;
  display: block;
  filter: drop-shadow(0 34px 70px rgba(0,0,0,.58));
}

@media (max-width: 1100px) {
  .mobile-showcase {
    grid-template-columns: 1fr;
    gap: 28px;
    text-align: center;
  }

  .mobile-copy {
    max-width: 760px;
    margin: 0 auto;
  }

  .mobile-copy > p {
    margin-left: auto;
    margin-right: auto;
  }

  .store-buttons {
    justify-content: center;
  }

  .iphone-photo-wrap {
    min-height: auto;
  }

  .iphone-photo-wrap img {
    width: min(300px, 82vw);
  }
}

@media (max-width: 640px) {
  .mobile-showcase {
    padding: 58px 0;
  }

  .mobile-copy h2 {
    font-size: 42px;
  }

  .mobile-copy > p {
    font-size: 15px;
  }

  .iphone-photo-wrap img {
    width: min(260px, 86vw);
  }
}


/* ===============================
   GüvenGo V7.1 - GüvenGo Nedir bölümü
   =============================== */

.what-section {
  padding: 92px 0;
}

.what-title {
  max-width: 920px;
}

.what-panel {
  position: relative;
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 34px;
  padding: 34px;
  overflow: hidden;
}

.what-panel::before {
  content: "";
  position: absolute;
  inset: -120px auto auto -120px;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,106,0,.18), transparent 66%);
  pointer-events: none;
}

.what-main {
  position: relative;
  padding: 24px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,106,0,.13), rgba(255,255,255,.035));
  border: 1px solid rgba(255,255,255,.08);
}

.what-badge {
  display: inline-flex;
  align-items: center;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,106,0,.14);
  color: #ff8a1f;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.what-main h3 {
  font-size: clamp(28px, 3.2vw, 46px);
  line-height: 1.08;
  letter-spacing: -1.6px;
  margin: 0 0 16px;
}

.what-main p {
  color: #c5ced6;
  line-height: 1.8;
  margin: 0;
}

.what-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.what-cards article {
  min-height: 260px;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.04);
}

.what-cards span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255,106,0,.16);
  color: #ff8a1f;
  font-weight: 900;
  margin-bottom: 22px;
}

.what-cards h4 {
  font-size: 20px;
  margin: 0 0 10px;
  color: #fff;
}

.what-cards p {
  margin: 0;
  color: #aeb7bf;
  line-height: 1.7;
}

@media (max-width: 1100px) {
  .what-panel {
    grid-template-columns: 1fr;
  }

  .what-cards {
    grid-template-columns: 1fr;
  }

  .what-cards article {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .what-section {
    padding: 58px 0;
  }

  .what-panel {
    padding: 20px;
  }

  .what-main {
    padding: 20px;
  }
}


/* ===============================
   GüvenGo V7.2 - Nasıl Çalışır premium akış
   =============================== */

.process-section {
  position: relative;
  padding: 96px 0;
}

.process-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 150px;
  transform: translateX(-50%);
  width: min(760px, 84vw);
  height: 260px;
  background: radial-gradient(circle, rgba(255,106,0,.11), transparent 70%);
  filter: blur(16px);
  pointer-events: none;
}

.process-intro {
  position: relative;
  max-width: 880px;
  margin: 0 auto 40px;
  text-align: center;
}

.process-intro h2 {
  font-size: clamp(36px, 4.8vw, 68px);
  line-height: 1.04;
  letter-spacing: -2.6px;
  margin: 10px 0 16px;
}

.process-intro p {
  max-width: 760px;
  margin: 0 auto;
  color: #c4ccd4;
  line-height: 1.8;
  font-size: 17px;
}

.process-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}

.process-flow::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 38px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,106,0,.35), rgba(255,255,255,.16), transparent);
  pointer-events: none;
}

.process-card {
  position: relative;
  min-height: 286px;
  padding: 24px 20px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.085);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    rgba(8,12,16,.72);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  overflow: hidden;
}

.process-card::after {
  content: "";
  position: absolute;
  inset: auto 18px 0 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,106,0,.35), transparent);
  opacity: .7;
}

.process-card.highlighted {
  border-color: rgba(255,106,0,.36);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,106,0,.18), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
}

.process-no {
  position: relative;
  z-index: 1;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 34px;
  color: #ff8a1f;
  background: rgba(255,106,0,.14);
  border: 1px solid rgba(255,106,0,.22);
  font-weight: 900;
  letter-spacing: -.02em;
}

.process-card h3 {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 21px;
  line-height: 1.2;
  margin: 0 0 12px;
  letter-spacing: -.7px;
}

.process-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #aeb8c0;
  line-height: 1.65;
  font-size: 14.5px;
}

.process-note {
  margin: 24px auto 0;
  max-width: 980px;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 18px;
  align-items: center;
  padding: 20px 24px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(90deg, rgba(255,106,0,.095), rgba(255,255,255,.028));
}

.process-note span {
  color: #ff8a1f;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}

.process-note p {
  margin: 0;
  color: #c4ccd4;
  line-height: 1.65;
}

@media (max-width: 1180px) {
  .process-flow {
    grid-template-columns: 1fr;
  }

  .process-flow::before {
    left: 27px;
    right: auto;
    top: 40px;
    bottom: 40px;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, transparent, rgba(255,106,0,.35), rgba(255,255,255,.16), transparent);
  }

  .process-card {
    min-height: auto;
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 10px;
    align-items: start;
  }

  .process-no {
    margin-bottom: 0;
  }

  .process-note {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .process-section {
    padding: 58px 0;
  }

  .process-intro h2 {
    font-size: 40px;
  }

  .process-intro p {
    font-size: 15px;
  }

  .process-card {
    grid-template-columns: 58px 1fr;
    padding: 20px;
    border-radius: 20px;
  }

  .process-no {
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }

  .process-note {
    padding: 18px;
  }
}


/* ===============================
   GüvenGo V7.3 - Çözümler premium modül kartları
   =============================== */

.solutions-section {
  position: relative;
  padding: 96px 0;
}

.solutions-section::before {
  content: "";
  position: absolute;
  right: -80px;
  top: 160px;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,106,0,.13), transparent 68%);
  filter: blur(18px);
  pointer-events: none;
}

.solutions-title {
  max-width: 920px;
}

.solutions-title p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.solutions-grid-premium {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.solution-card-premium {
  position: relative;
  min-height: 330px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.085);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    rgba(8,12,16,.78);
  box-shadow: 0 24px 70px rgba(0,0,0,.26);
  overflow: hidden;
}

.solution-card-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 28% 0%, rgba(255,106,0,.10), transparent 46%);
  opacity: .75;
  pointer-events: none;
}

.solution-card-premium::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,106,0,.36), transparent);
}

.featured-solution {
  border-color: rgba(255,106,0,.36);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,106,0,.17), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.024));
}

.solution-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
}

.solution-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff8a1f;
  background: rgba(255,106,0,.14);
  border: 1px solid rgba(255,106,0,.24);
  font-size: 24px;
  font-weight: 900;
}

.solution-top small {
  color: rgba(255,255,255,.30);
  font-weight: 900;
  font-size: 20px;
  letter-spacing: -.04em;
}

.solution-card-premium h3 {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 24px;
  line-height: 1.12;
  margin: 0 0 12px;
  letter-spacing: -.8px;
}

.solution-card-premium p {
  position: relative;
  z-index: 1;
  margin: 0 0 18px;
  color: #aeb8c0;
  line-height: 1.65;
  font-size: 15px;
}

.solution-card-premium ul {
  position: relative;
  z-index: 1;
  list-style: none;
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
}

.solution-card-premium li {
  color: #d5dde4;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  gap: 9px;
  align-items: flex-start;
}

.solution-card-premium li::before {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-top: 7px;
  border-radius: 999px;
  background: #ff8a1f;
  box-shadow: 0 0 18px rgba(255,106,0,.35);
}

@media (max-width: 1180px) {
  .solutions-grid-premium {
    grid-template-columns: repeat(2, 1fr);
  }

  .solution-card-premium {
    min-height: 300px;
  }
}

@media (max-width: 760px) {
  .solutions-section {
    padding: 58px 0;
  }

  .solutions-grid-premium {
    grid-template-columns: 1fr;
  }

  .solution-card-premium {
    min-height: auto;
    padding: 22px;
    border-radius: 20px;
  }

  .solution-card-premium h3 {
    font-size: 22px;
  }
}


/* ===============================
   GüvenGo V7.4 - Çözümler = Problem / Çözüm anlatımı
   =============================== */

.problem-section {
  position: relative;
  padding: 96px 0;
}

.problem-section::before {
  content: "";
  position: absolute;
  right: -80px;
  top: 140px;
  width: 380px;
  height: 380px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,106,0,.13), transparent 68%);
  filter: blur(18px);
  pointer-events: none;
}

.problem-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.problem-card {
  position: relative;
  min-height: 300px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.085);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    rgba(8,12,16,.78);
  box-shadow: 0 24px 70px rgba(0,0,0,.26);
  overflow: hidden;
}

.problem-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 24% 0%, rgba(255,106,0,.10), transparent 46%);
  pointer-events: none;
}

.problem-card::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,106,0,.36), transparent);
}

.featured-problem {
  border-color: rgba(255,106,0,.36);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,106,0,.17), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.024));
}

.problem-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 28px;
}

.problem-head span {
  width: 48px;
  height: 48px;
  border-radius: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff8a1f;
  background: rgba(255,106,0,.14);
  border: 1px solid rgba(255,106,0,.24);
  font-weight: 900;
}

.problem-head strong {
  color: rgba(255,255,255,.45);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: right;
}

.problem-card h3 {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 24px;
  line-height: 1.14;
  margin: 0 0 14px;
  letter-spacing: -.8px;
}

.problem-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #aeb8c0;
  line-height: 1.7;
  font-size: 15px;
}

@media (max-width: 1180px) {
  .problem-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .problem-card {
    min-height: 280px;
  }
}

@media (max-width: 760px) {
  .problem-section {
    padding: 58px 0;
  }

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

  .problem-card {
    min-height: auto;
    padding: 22px;
    border-radius: 20px;
  }

  .problem-card h3 {
    font-size: 22px;
  }
}


/* ===============================
   GüvenGo V7.5 - Çözümler bölümü ekrana sığdırma
   =============================== */

.problem-section {
  padding: 72px 0 76px;
}

.problem-section .section-title {
  margin-bottom: 26px;
}

.problem-section .section-title h2 {
  font-size: clamp(34px, 3.9vw, 56px);
  line-height: 1.05;
  margin-bottom: 12px;
}

.problem-section .section-title p {
  max-width: 820px;
  font-size: 15.5px;
  line-height: 1.65;
}

.problem-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.problem-card {
  min-height: 235px;
  padding: 20px;
  border-radius: 22px;
}

.problem-head {
  margin-bottom: 20px;
}

.problem-head span {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  font-size: 14px;
}

.problem-head strong {
  font-size: 10.5px;
  letter-spacing: .075em;
}

.problem-card h3 {
  font-size: 21px;
  line-height: 1.12;
  margin-bottom: 10px;
}

.problem-card p {
  font-size: 14px;
  line-height: 1.55;
}

@media (min-width: 1101px) {
  .problem-section {
    min-height: calc(100vh - 92px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (max-width: 1180px) {
  .problem-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .problem-section {
    padding: 58px 0;
  }

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

  .problem-card {
    min-height: auto;
  }
}


/* ===============================
   GüvenGo V7.6 - Menü aktif sekme ve kayma düzeltmesi
   =============================== */

#top,
#nedir,
#cozumler,
#nasil,
#kurumsal,
#guvenlik,
#iletisim,
#giris,
#uyeol,
#mobil {
  scroll-margin-top: 132px;
}

.nav a.active {
  color: var(--orange) !important;
  opacity: 1;
}

.nav a {
  transition: color .18s ease, opacity .18s ease;
}


/* ===============================
   GüvenGo V7.8 - Kurumsal premium kullanım alanları
   =============================== */

.corporate-section {
  position: relative;
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: 44px;
  align-items: center;
  padding: 96px 0;
}

.corporate-section::before {
  content: "";
  position: absolute;
  left: -120px;
  top: 180px;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,106,0,.12), transparent 68%);
  filter: blur(18px);
  pointer-events: none;
}

.corporate-copy {
  position: relative;
  z-index: 1;
}

.corporate-copy h2 {
  font-size: clamp(38px, 4.9vw, 68px);
  line-height: 1.04;
  letter-spacing: -2.7px;
  margin: 10px 0 18px;
}

.corporate-copy p {
  max-width: 560px;
  color: #c4ccd4;
  line-height: 1.8;
  font-size: 17px;
  margin: 0 0 28px;
}

.corporate-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.corporate-grid article {
  min-height: 210px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.085);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    rgba(8,12,16,.76);
  box-shadow: 0 20px 58px rgba(0,0,0,.22);
}

.corporate-grid article:nth-child(1) {
  border-color: rgba(255,106,0,.28);
  background:
    radial-gradient(circle at 20% 0%, rgba(255,106,0,.13), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.024));
}

.corporate-grid span {
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,106,0,.12);
  color: #ff8a1f;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.corporate-grid h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 22px;
  letter-spacing: -.7px;
}

.corporate-grid p {
  margin: 0;
  color: #aeb8c0;
  line-height: 1.62;
  font-size: 14.5px;
}

@media (max-width: 1100px) {
  .corporate-section {
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
  }

  .corporate-copy p {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 760px) {
  .corporate-section {
    padding: 58px 0;
  }

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

  .corporate-grid article {
    min-height: auto;
  }

  .corporate-copy h2 {
    font-size: 40px;
  }
}


/* ===============================
   GüvenGo V7.9 - Güvenlik + KVKK / Gizlilik açılır metinleri
   =============================== */

.security-section {
  position: relative;
  padding: 96px 0;
}

.security-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 140px;
  transform: translateX(-50%);
  width: min(780px, 86vw);
  height: 320px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,106,0,.10), transparent 70%);
  filter: blur(18px);
  pointer-events: none;
}

.security-title {
  max-width: 920px;
}

.security-grid-premium {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}

.security-grid-premium article {
  min-height: 240px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.085);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    rgba(8,12,16,.76);
  box-shadow: 0 22px 62px rgba(0,0,0,.24);
}

.security-grid-premium article:nth-child(1) {
  border-color: rgba(255,106,0,.30);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,106,0,.14), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.024));
}

.security-grid-premium span {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff8a1f;
  background: rgba(255,106,0,.14);
  border: 1px solid rgba(255,106,0,.24);
  font-weight: 900;
  margin-bottom: 22px;
}

.security-grid-premium h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 20px;
  letter-spacing: -.7px;
}

.security-grid-premium p {
  margin: 0;
  color: #aeb8c0;
  line-height: 1.62;
  font-size: 14px;
}

.legal-docs {
  position: relative;
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 24px;
  padding: 28px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 0% 0%, rgba(255,106,0,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.022));
  box-shadow: 0 24px 70px rgba(0,0,0,.25);
}

.legal-heading h3 {
  margin: 8px 0 12px;
  color: #fff;
  font-size: clamp(28px, 3vw, 42px);
  letter-spacing: -1.4px;
  line-height: 1.08;
}

.legal-heading p:not(.eyebrow) {
  margin: 0;
  color: #aeb8c0;
  line-height: 1.75;
}

.legal-accordion {
  display: grid;
  gap: 12px;
}

.legal-item {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.085);
  background: rgba(0,0,0,.18);
  overflow: hidden;
}

.legal-item[open] {
  border-color: rgba(255,106,0,.30);
  background:
    radial-gradient(circle at 20% 0%, rgba(255,106,0,.10), transparent 45%),
    rgba(0,0,0,.22);
}

.legal-item summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 22px;
  color: #fff;
}

.legal-item summary::-webkit-details-marker {
  display: none;
}

.legal-item summary::after {
  content: "+";
  margin-left: auto;
  color: #ff8a1f;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
}

.legal-item[open] summary::after {
  content: "−";
}

.legal-item summary span {
  flex: 0 0 auto;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,106,0,.13);
  color: #ff8a1f;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
}

.legal-item summary strong {
  font-size: 18px;
  letter-spacing: -.4px;
}

.legal-content {
  padding: 0 22px 22px;
  color: #c7d0d7;
  line-height: 1.75;
  font-size: 14.5px;
}

.legal-content p {
  margin: 0 0 14px;
}

.legal-note {
  color: #ffbd82 !important;
  font-size: 13px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 14px;
  margin-bottom: 0 !important;
}

@media (max-width: 1180px) {
  .security-grid-premium {
    grid-template-columns: repeat(2, 1fr);
  }

  .legal-docs {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .security-section {
    padding: 58px 0;
  }

  .security-grid-premium {
    grid-template-columns: 1fr;
  }

  .security-grid-premium article {
    min-height: auto;
  }

  .legal-docs {
    padding: 20px;
    border-radius: 22px;
  }

  .legal-item summary {
    align-items: flex-start;
    padding: 18px;
  }

  .legal-item summary strong {
    font-size: 16px;
  }

  .legal-content {
    padding: 0 18px 18px;
  }
}


/* ===============================
   GüvenGo V8.0 - Üye ol KVKK / Kullanım koşulları bağlantıları ve zorunlu onay
   =============================== */

.legal-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #c7d0d7;
  line-height: 1.5;
  font-size: 13px;
  margin: 12px 0 14px;
}

.legal-consent input {
  margin-top: 3px;
  accent-color: #ff7a18;
  flex: 0 0 auto;
}

.inline-legal-link {
  color: #ff8a1f;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,138,31,.45);
}

.inline-legal-link:hover {
  color: #ffa64d;
  border-bottom-color: rgba(255,166,77,.85);
}

.legal-consent.error {
  color: #ffd0b0;
}

.consent-warning {
  display: none;
  margin: -4px 0 12px;
  color: #ffb07a;
  font-size: 12.5px;
  line-height: 1.45;
}

.consent-warning.show {
  display: block;
}


/* ===============================
   GüvenGo V8.1 - Üye ol onay kutusu hizalama düzeltmesi
   =============================== */

#uyeol .legal-consent,
.auth-card .legal-consent,
.signup-card .legal-consent,
form .legal-consent {
  width: 100%;
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 0 16px;
  color: #c7d0d7;
  line-height: 1.45;
  font-size: 13px;
  text-align: left;
}

#uyeol .legal-consent input,
.auth-card .legal-consent input,
.signup-card .legal-consent input,
form .legal-consent input {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #ff7a18;
}

#uyeol .legal-consent span,
.auth-card .legal-consent span,
.signup-card .legal-consent span,
form .legal-consent span {
  display: block;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}

#uyeol .inline-legal-link,
.auth-card .inline-legal-link,
.signup-card .inline-legal-link,
form .inline-legal-link {
  display: inline;
  color: #ff8a1f;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,138,31,.45);
}

#uyeol .inline-legal-link:hover,
.auth-card .inline-legal-link:hover,
.signup-card .inline-legal-link:hover,
form .inline-legal-link:hover {
  color: #ffa64d;
  border-bottom-color: rgba(255,166,77,.85);
}

/* Önceki versiyondan kalan dar/sabit konum etkilerini kır */
#uyeol label,
.auth-card label,
.signup-card label {
  max-width: none;
}

#uyeol .legal-consent {
  position: static !important;
  transform: none !important;
  right: auto !important;
  left: auto !important;
}

/* Üye ol butonu onay metninden sonra düzgün boşlukla gelsin */
#uyeol .legal-consent + .btn,
.auth-card .legal-consent + .btn,
.signup-card .legal-consent + .btn,
form .legal-consent + .btn {
  margin-top: 6px;
}

.consent-warning {
  grid-column: 1 / -1;
  width: 100%;
}

@media (max-width: 760px) {
  #uyeol .legal-consent,
  .auth-card .legal-consent,
  .signup-card .legal-consent,
  form .legal-consent {
    font-size: 12.5px;
    line-height: 1.5;
  }
}


/* ===============================
   GüvenGo V8.2 - Güvenlik yasal metin menüsü daha küçük / kibar
   =============================== */

.legal-docs {
  grid-template-columns: 0.92fr 1.08fr;
  gap: 22px;
  padding: 24px;
}

.legal-heading h3 {
  font-size: clamp(26px, 2.7vw, 38px);
  letter-spacing: -1.2px;
}

.legal-heading p:not(.eyebrow) {
  max-width: 520px;
  font-size: 14.5px;
  line-height: 1.65;
}

.legal-accordion {
  gap: 10px;
  max-width: 520px;
  margin-left: auto;
}

.legal-item {
  border-radius: 15px;
  background: rgba(255,255,255,.025);
  border-color: rgba(255,255,255,.075);
}

.legal-item summary {
  min-height: 58px;
  padding: 14px 16px;
  gap: 12px;
}

.legal-item summary span {
  padding: 6px 9px;
  font-size: 9.5px;
  letter-spacing: .08em;
  min-width: 70px;
  justify-content: center;
  text-align: center;
}

.legal-item summary strong {
  font-size: 15.5px;
  letter-spacing: -.25px;
}

.legal-item summary::after {
  font-size: 20px;
  opacity: .95;
}

.legal-content {
  padding: 0 16px 18px;
  font-size: 13.8px;
  line-height: 1.68;
}

.legal-content p {
  margin-bottom: 12px;
}

.legal-note {
  font-size: 12.5px;
  padding-top: 12px;
}

@media (max-width: 1180px) {
  .legal-accordion {
    max-width: none;
    margin-left: 0;
  }
}

@media (max-width: 760px) {
  .legal-docs {
    padding: 18px;
  }

  .legal-item summary {
    min-height: auto;
    padding: 14px;
  }

  .legal-item summary span {
    min-width: auto;
  }
}


/* ===============================
   GüvenGo V8.3 - Yasal metinler bölümü tek panel / daha şık görünüm
   =============================== */

.legal-docs {
  display: block !important;
  max-width: 980px;
  margin: 32px auto 0;
  padding: 30px 34px;
  border-radius: 28px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,106,0,.11), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.020));
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 26px 74px rgba(0,0,0,.24);
}

.legal-heading {
  max-width: 720px;
  margin: 0 auto 22px;
}

.legal-heading h3 {
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -1.4px;
  margin: 8px 0 12px;
}

.legal-heading p:not(.eyebrow) {
  max-width: 640px;
  margin: 0 auto;
  color: #aeb8c0;
  font-size: 14.5px;
  line-height: 1.65;
}

.legal-accordion {
  max-width: 760px;
  margin: 0 auto;
  display: grid;
  gap: 11px;
}

.legal-item {
  text-align: left;
  border-radius: 17px;
  border: 1px solid rgba(255,255,255,.085);
  background: rgba(0,0,0,.20);
  overflow: hidden;
}

.legal-item[open] {
  background:
    radial-gradient(circle at 12% 0%, rgba(255,106,0,.12), transparent 42%),
    rgba(0,0,0,.24);
  border-color: rgba(255,106,0,.26);
}

.legal-item summary {
  min-height: 56px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 13px;
}

.legal-item summary span {
  min-width: 82px;
  padding: 6px 9px;
  border-radius: 999px;
  justify-content: center;
  text-align: center;
  background: rgba(255,106,0,.12);
  color: #ff8a1f;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .08em;
}

.legal-item summary strong {
  color: #fff;
  font-size: 15.5px;
  letter-spacing: -.25px;
}

.legal-item summary::after {
  margin-left: auto;
  color: #ff8a1f;
  font-size: 20px;
  font-weight: 800;
  opacity: .95;
}

.legal-content {
  padding: 2px 20px 20px 113px;
  color: #c7d0d7;
  font-size: 13.8px;
  line-height: 1.68;
}

.legal-content p {
  margin: 0 0 12px;
}

.legal-note {
  font-size: 12.5px;
  padding-top: 12px;
  color: #ffbd82 !important;
}

@media (max-width: 760px) {
  .legal-docs {
    padding: 22px 18px;
    border-radius: 22px;
  }

  .legal-heading {
    text-align: left;
  }

  .legal-heading p:not(.eyebrow) {
    margin-left: 0;
  }

  .legal-item summary {
    padding: 14px;
    gap: 10px;
  }

  .legal-item summary span {
    min-width: auto;
  }

  .legal-content {
    padding: 0 16px 18px;
  }
}


/* ===============================
   GüvenGo V8.4 - Yasal metinler iletişim üstüne taşındı
   =============================== */

.legal-standalone-section {
  padding: 86px 0 72px;
}

.security-section .legal-docs {
  display: none !important;
}

.legal-standalone-section .legal-docs {
  margin-top: 0;
}

.legal-standalone-section .legal-heading .eyebrow {
  color: #ff8a1f;
}

@media (max-width: 760px) {
  .legal-standalone-section {
    padding: 58px 0;
  }
}


/* ===============================
   GüvenGo V8.5 - Yasal metinler iletişim altı / footer üstü
   =============================== */

.legal-standalone-section {
  padding: 56px 0 76px;
}

.contact-section,
#iletisim {
  padding-bottom: 56px;
}

.legal-standalone-section .legal-docs {
  max-width: 920px;
}

@media (max-width: 760px) {
  .legal-standalone-section {
    padding: 46px 0 58px;
  }
}


/* ===============================
   GüvenGo V8.6 - İletişim & Yasal Metinler tek bölüm
   =============================== */

.nav a[href="#iletisim"] {
  white-space: nowrap;
}

#iletisim {
  min-height: calc(100vh - 92px);
  display: grid;
  align-content: center;
  padding-top: 72px;
  padding-bottom: 54px;
}

#iletisim .contact-legal-inline {
  margin-top: 18px;
}

/* İletişim bölümünün altındaki yasal panel, iletişim formuyla aynı genişlikte ve yatay/kibar */
#iletisim .legal-docs {
  display: grid !important;
  grid-template-columns: 0.78fr 1.22fr;
  align-items: center;
  gap: 20px;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 18px 20px;
  border-radius: 22px;
  text-align: left;
  background:
    linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.018)),
    rgba(8,12,16,.70);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 58px rgba(0,0,0,.20);
}

#iletisim .legal-heading {
  max-width: none;
  margin: 0;
}

#iletisim .legal-heading h3 {
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.05;
  letter-spacing: -1px;
  margin: 7px 0 8px;
}

#iletisim .legal-heading p:not(.eyebrow) {
  max-width: 460px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: #aeb8c0;
}

#iletisim .legal-accordion {
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

#iletisim .legal-item {
  border-radius: 15px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.075);
  overflow: hidden;
}

#iletisim .legal-item summary {
  min-height: 54px;
  padding: 12px 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
}

#iletisim .legal-item summary span {
  grid-column: 1 / 2;
  justify-self: start;
  min-width: auto;
  padding: 5px 8px;
  font-size: 8.5px;
  line-height: 1;
  letter-spacing: .075em;
}

#iletisim .legal-item summary strong {
  grid-column: 1 / 2;
  font-size: 13.8px;
  line-height: 1.12;
  letter-spacing: -.2px;
}

#iletisim .legal-item summary::after {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  font-size: 18px;
  margin-left: 0;
}

#iletisim .legal-item[open] {
  grid-column: 1 / -1;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,106,0,.11), transparent 40%),
    rgba(0,0,0,.24);
  border-color: rgba(255,106,0,.24);
}

#iletisim .legal-content {
  padding: 0 16px 16px;
  font-size: 13.2px;
  line-height: 1.62;
  color: #c7d0d7;
  max-height: 210px;
  overflow: auto;
}

#iletisim .legal-content p {
  margin-bottom: 10px;
}

#iletisim .legal-note {
  font-size: 12px;
  padding-top: 10px;
}

/* Eski standalone bölüm kullanılmasın */
.legal-standalone-section {
  display: none !important;
}

@media (max-width: 1180px) {
  #iletisim {
    min-height: auto;
  }

  #iletisim .legal-docs {
    grid-template-columns: 1fr;
  }

  #iletisim .legal-accordion {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #iletisim {
    padding-top: 58px;
    padding-bottom: 46px;
  }

  #iletisim .legal-docs {
    padding: 18px;
    border-radius: 20px;
  }

  #iletisim .legal-content {
    max-height: 260px;
  }
}


/* ===============================
   GüvenGo V8.7 - İletişim + Yasal Metinler tek ekrana sığacak tam genişlik düzen
   =============================== */

#iletisim {
  min-height: calc(100vh - 88px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 42px;
  padding-bottom: 34px;
}

#iletisim .contact-card,
#iletisim .contact-panel,
#iletisim .contact-wrapper,
#iletisim > .glass-card {
  margin-bottom: 0;
}

/* İletişim formunun dikey yüksekliğini biraz toparla */
#iletisim h2 {
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.08;
}

#iletisim p {
  line-height: 1.55;
}

#iletisim input,
#iletisim textarea,
#iletisim select {
  min-height: 44px;
}

#iletisim textarea {
  min-height: 82px;
}

#iletisim .btn,
#iletisim button {
  min-height: 46px;
}

#iletisim .contact-legal-inline {
  width: 100%;
  margin-top: 16px;
}

/* Yasal metinler paneli artık formun altında tam yatay genişlikte */
#iletisim .legal-docs {
  display: grid !important;
  grid-template-columns: 260px 1fr;
  gap: 18px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 16px 18px;
  border-radius: 22px;
  text-align: left;
  background:
    linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.018)),
    rgba(8,12,16,.70);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 52px rgba(0,0,0,.20);
}

#iletisim .legal-heading {
  max-width: none;
  margin: 0;
  align-self: center;
}

#iletisim .legal-heading .eyebrow {
  margin-bottom: 6px;
}

#iletisim .legal-heading h3 {
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.04;
  letter-spacing: -.9px;
  margin: 0 0 8px;
}

#iletisim .legal-heading p:not(.eyebrow) {
  max-width: 250px;
  margin: 0;
  font-size: 12.8px;
  line-height: 1.45;
  color: #aeb8c0;
}

#iletisim .legal-accordion {
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
}

#iletisim .legal-item {
  border-radius: 15px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.075);
  overflow: hidden;
}

#iletisim .legal-item summary {
  min-height: 50px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 7px;
}

#iletisim .legal-item summary span {
  grid-column: 1 / 2;
  justify-self: start;
  min-width: auto;
  padding: 5px 8px;
  font-size: 8px;
  line-height: 1;
  letter-spacing: .07em;
}

#iletisim .legal-item summary strong {
  grid-column: 1 / 2;
  font-size: 13.2px;
  line-height: 1.1;
  letter-spacing: -.2px;
}

#iletisim .legal-item summary::after {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  font-size: 17px;
  margin-left: 0;
}

/* Açılan metin, panel içinde yatay olarak alta yayılsın */
#iletisim .legal-item[open] {
  grid-column: 1 / -1;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,106,0,.11), transparent 40%),
    rgba(0,0,0,.24);
  border-color: rgba(255,106,0,.24);
}

#iletisim .legal-content {
  padding: 0 16px 14px;
  font-size: 12.7px;
  line-height: 1.5;
  color: #c7d0d7;
  max-height: 128px;
  overflow: auto;
  columns: 2;
  column-gap: 28px;
}

#iletisim .legal-content p {
  margin: 0 0 8px;
  break-inside: avoid;
}

#iletisim .legal-note {
  font-size: 11.5px;
  padding-top: 8px;
  column-span: all;
}

/* Açılır yasal metne gidince form üstte kaybolmasın diye hedef konumu yumuşat */
#kullanim-kosullari,
#kvkk,
#gizlilik {
  scroll-margin-top: 220px;
}

@media (max-width: 1180px) {
  #iletisim {
    min-height: auto;
  }

  #iletisim .legal-docs {
    grid-template-columns: 1fr;
  }

  #iletisim .legal-heading p:not(.eyebrow) {
    max-width: none;
  }

  #iletisim .legal-accordion {
    grid-template-columns: 1fr;
  }

  #iletisim .legal-content {
    columns: 1;
    max-height: 230px;
  }
}

@media (max-width: 760px) {
  #iletisim {
    padding-top: 58px;
    padding-bottom: 46px;
  }

  #iletisim .legal-docs {
    padding: 16px;
    border-radius: 20px;
  }

  #iletisim .legal-content {
    max-height: 260px;
  }
}


/* ===============================
   GüvenGo V8.8 - İletişim formu yatay / tek ekrana sığan düzen
   =============================== */

#iletisim {
  min-height: calc(100vh - 88px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 34px;
  padding-bottom: 28px;
}

/* İletişim alanını yatay ve kompakt hale getir */
#iletisim .contact-card,
#iletisim .contact-panel,
#iletisim .contact-wrapper,
#iletisim > .glass-card,
#iletisim .contact-content {
  width: 100%;
}

/* Eski iki kolon / dikey yüksekliği kır */
#iletisim .split,
#iletisim .contact-grid,
#iletisim .contact-card,
#iletisim .contact-panel,
#iletisim .contact-wrapper {
  align-items: center;
}

/* İletişim bölümündeki ana içerik yatay kart gibi dursun */
#iletisim .contact-card,
#iletisim .contact-panel,
#iletisim > .glass-card {
  padding: 22px 24px !important;
  border-radius: 26px;
}

/* Sol metin alanı daha kompakt */
#iletisim .eyebrow {
  margin-bottom: 8px;
}

#iletisim h2 {
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.06 !important;
  letter-spacing: -1.6px;
  margin-bottom: 12px !important;
}

#iletisim p {
  font-size: 14.5px;
  line-height: 1.5;
}

#iletisim .contact-info,
#iletisim .contact-copy p:last-child {
  margin-top: 10px;
}

/* Formu yatayda 4 kolon + mesaj + buton olarak daha kısa yap */
#iletisim form {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px !important;
  align-items: stretch;
}

#iletisim form input,
#iletisim form select,
#iletisim form textarea {
  width: 100%;
  min-height: 42px !important;
  height: 42px;
  padding: 0 14px !important;
  border-radius: 13px !important;
  font-size: 13px;
}

#iletisim form textarea {
  grid-column: span 3;
  height: 42px !important;
  min-height: 42px !important;
  resize: none;
  padding-top: 12px !important;
}

#iletisim form button,
#iletisim form .btn {
  grid-column: span 1;
  min-height: 42px !important;
  height: 42px;
  border-radius: 13px !important;
  margin: 0 !important;
  padding: 0 14px !important;
}

/* Eğer formun içinde farklı wrapper varsa yine yatay davran */
#iletisim .form-grid {
  display: contents !important;
}

/* Yasal metinler paneli formun hemen altında, tam genişlikte ve alçak */
#iletisim .contact-legal-inline {
  width: 100%;
  margin-top: 14px;
}

#iletisim .legal-docs {
  grid-template-columns: 230px 1fr !important;
  gap: 16px !important;
  padding: 14px 16px !important;
  border-radius: 20px !important;
}

#iletisim .legal-heading h3 {
  font-size: clamp(20px, 1.8vw, 28px) !important;
  margin-bottom: 6px !important;
}

#iletisim .legal-heading p:not(.eyebrow) {
  max-width: 220px !important;
  font-size: 12.2px !important;
  line-height: 1.4 !important;
}

#iletisim .legal-accordion {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#iletisim .legal-item summary {
  min-height: 46px !important;
  padding: 9px 10px !important;
}

#iletisim .legal-item summary span {
  padding: 4px 7px !important;
  font-size: 7.8px !important;
}

#iletisim .legal-item summary strong {
  font-size: 12.6px !important;
}

#iletisim .legal-content {
  max-height: 108px !important;
  columns: 2;
  column-gap: 24px;
  font-size: 12.2px !important;
  line-height: 1.45 !important;
  padding: 0 14px 12px !important;
}

/* Footer ile çok yaklaşmasın ama tek ekrandan taşmasın */
.footer {
  padding-top: 34px !important;
}

@media (min-width: 1100px) {
  #iletisim > .container,
  #iletisim .container {
    max-width: 1180px;
  }
}

@media (max-width: 1180px) {
  #iletisim {
    min-height: auto;
  }

  #iletisim form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #iletisim form textarea,
  #iletisim form button,
  #iletisim form .btn {
    grid-column: span 2;
  }

  #iletisim .legal-docs {
    grid-template-columns: 1fr !important;
  }

  #iletisim .legal-heading p:not(.eyebrow) {
    max-width: none !important;
  }

  #iletisim .legal-accordion {
    grid-template-columns: 1fr !important;
  }

  #iletisim .legal-content {
    columns: 1;
    max-height: 220px !important;
  }
}

@media (max-width: 760px) {
  #iletisim {
    padding-top: 56px;
    padding-bottom: 42px;
  }

  #iletisim form {
    grid-template-columns: 1fr;
  }

  #iletisim form textarea,
  #iletisim form button,
  #iletisim form .btn {
    grid-column: span 1;
  }
}


/* ===============================
   GüvenGo V8.9 - Yasal metinler form boşluğu azaltma
   =============================== */

#iletisim .contact-legal-inline {
  margin-top: 8px !important;
}

#iletisim .legal-docs {
  margin-top: 0 !important;
}


/* ===============================
   GüvenGo V9.0 - Yasal metinler tam okunur / yarıda kalma düzeltmesi
   =============================== */

#iletisim .legal-content {
  max-height: none !important;
  overflow: visible !important;
  columns: 1 !important;
  column-gap: 0 !important;
  font-size: 12.6px !important;
  line-height: 1.48 !important;
}

#iletisim .legal-content p {
  margin-bottom: 8px !important;
}

#iletisim .legal-item[open] {
  grid-column: 1 / -1;
}

#iletisim .legal-note {
  margin-top: 2px !important;
}


/* ===============================
   GüvenGo V9.1 - Mobil görünüm genel düzeltmeler
   =============================== */

@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden;
  }

  body {
    background: #050607;
  }

  .container,
  .section,
  .content-section,
  main > section {
    width: 100%;
    max-width: 100%;
  }

  /* Mobil header sabit kalıp içeriklerin üstünü kapatmasın */
  .header {
    position: relative !important;
    top: auto !important;
    margin: 10px 12px 18px !important;
    width: calc(100% - 24px) !important;
    border-radius: 22px !important;
    z-index: 20;
  }

  .header .container,
  .nav-wrapper,
  .header-inner {
    min-height: 92px !important;
    padding: 10px 14px !important;
  }

  .logo img,
  .site-logo img,
  .brand img,
  .header-logo img {
    max-height: 72px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  .menu-button,
  #menuButton {
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
  }

  #top,
  #nedir,
  #nasil,
  #cozumler,
  #mobil,
  #kurumsal,
  #guvenlik,
  #iletisim,
  #giris,
  #uyeol {
    scroll-margin-top: 24px !important;
  }

  section,
  .content-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Ana sayfa: başlık ve buton/kart çakışmasını azalt */
  .hero,
  .hero-section,
  #top {
    min-height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 48px !important;
  }

  .hero h1,
  .hero-title {
    font-size: clamp(42px, 13vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -2px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 20px !important;
    line-height: 1.55 !important;
  }

  .hero .btn,
  .hero-buttons .btn {
    width: 100% !important;
    min-height: 54px !important;
    margin-bottom: 10px !important;
  }

  .hero-features,
  .hero-feature-grid,
  .hero-stats,
  .hero-icons {
    position: relative !important;
    margin-top: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    transform: none !important;
  }

  /* Bölüm başlıklarını mobilde dengeli küçült */
  .section-title,
  .solutions-title,
  .security-title {
    text-align: left !important;
    margin-bottom: 26px !important;
  }

  .section-title h2,
  .content-section h2,
  .solutions-title h2,
  .security-title h2,
  .corporate-copy h2,
  #iletisim h2 {
    font-size: clamp(36px, 10.5vw, 48px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1.8px !important;
  }

  .section-title p,
  .content-section p,
  .solutions-title p,
  .security-title p,
  .corporate-copy p {
    font-size: 20px !important;
    line-height: 1.55 !important;
  }

  .eyebrow {
    font-size: 13px !important;
    letter-spacing: .18em !important;
  }

  /* Tüm kartları mobilde biraz daha kompakt yap */
  .problem-card,
  .solution-card-premium,
  .corporate-grid article,
  .security-grid-premium article,
  .process-card,
  .feature-card,
  .what-card {
    padding: 26px 22px !important;
    border-radius: 24px !important;
    min-height: auto !important;
  }

  .problem-card h3,
  .solution-card-premium h3,
  .corporate-grid h3,
  .security-grid-premium h3,
  .process-card h3,
  .feature-card h3,
  .what-card h3 {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }

  .problem-card p,
  .solution-card-premium p,
  .corporate-grid p,
  .security-grid-premium p,
  .process-card p,
  .feature-card p,
  .what-card p {
    font-size: 21px !important;
    line-height: 1.52 !important;
  }

  .problem-grid,
  .solutions-grid-premium,
  .corporate-grid,
  .security-grid-premium,
  .process-grid,
  .features-grid {
    gap: 18px !important;
  }

  /* Mobil uygulama bölümünde telefon görseli taşmadan dursun */
  #mobil,
  .mobile-showcase {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
    text-align: center !important;
  }

  #mobil .phone,
  #mobil .phone-mockup,
  #mobil img,
  .mobile-showcase img {
    max-width: min(86vw, 360px) !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Kurumsal ve güvenlik kartları fazla uzamasın */
  .corporate-section,
  .security-section,
  .problem-section {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  .corporate-copy {
    text-align: center !important;
  }

  .corporate-copy p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .corporate-copy .btn {
    width: auto !important;
    min-width: 210px !important;
  }

  /* Giriş / Üye ol ekranları */
  #giris,
  #uyeol {
    padding-top: 28px !important;
  }

  #giris .auth-card,
  #uyeol .auth-card,
  #giris .login-card,
  #uyeol .signup-card,
  #giris form,
  #uyeol form {
    width: 100% !important;
  }

  #giris input,
  #uyeol input {
    min-height: 58px !important;
    font-size: 16px !important;
  }

  #uyeol .legal-consent {
    grid-template-columns: 32px 1fr !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
    gap: 12px !important;
  }

  #uyeol .legal-consent input {
    width: 28px !important;
    height: 28px !important;
  }

  /* İletişim bölümü mobilde başlık kesilmesin ve form doğal aksın */
  #iletisim {
    display: block !important;
    min-height: auto !important;
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  #iletisim h2 {
    overflow: visible !important;
    max-height: none !important;
    display: block !important;
    font-size: clamp(38px, 11vw, 48px) !important;
  }

  #iletisim form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 24px !important;
  }

  #iletisim form input,
  #iletisim form select,
  #iletisim form textarea,
  #iletisim form button,
  #iletisim form .btn {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    min-height: 56px !important;
    height: auto !important;
    border-radius: 16px !important;
    font-size: 16px !important;
  }

  #iletisim form textarea {
    min-height: 92px !important;
    padding-top: 16px !important;
  }

  #iletisim .legal-docs {
    display: block !important;
    margin-top: 18px !important;
    padding: 24px 20px !important;
    border-radius: 24px !important;
  }

  #iletisim .legal-heading {
    text-align: left !important;
  }

  #iletisim .legal-heading h3 {
    font-size: 30px !important;
  }

  #iletisim .legal-heading p:not(.eyebrow) {
    max-width: none !important;
    font-size: 17px !important;
  }

  #iletisim .legal-accordion {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
  }

  #iletisim .legal-item summary {
    min-height: 64px !important;
    padding: 16px !important;
  }

  #iletisim .legal-item summary strong {
    font-size: 18px !important;
  }

  #iletisim .legal-content {
    max-height: none !important;
    overflow: visible !important;
    columns: 1 !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
    padding: 0 16px 18px !important;
  }

  /* Footer mobilde daha düzenli */
  .footer {
    padding: 44px 22px 34px !important;
  }

  .footer-grid,
  .footer .container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    text-align: left !important;
  }

  .footer a {
    display: block !important;
    margin: 0 0 10px !important;
  }
}


/* ===============================
   GüvenGo V9.2 - Mobil hero üst üste binme + yan kesilme düzeltmesi
   =============================== */

@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    margin: 0 !important;
  }

  main,
  .page,
  .site,
  .wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  .header {
    width: calc(100% - 28px) !important;
    margin: 12px 14px 16px !important;
    box-sizing: border-box !important;
  }

  section,
  .content-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow: visible !important;
  }

  /* Ana sayfa kartını mobilde görselden bağımsız, rahat akan hero haline getir */
  #top,
  .hero,
  .hero-section {
    width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding: 36px 22px 34px !important;
    min-height: auto !important;
    border-radius: 26px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: block !important;
  }

  .hero-content,
  .hero-copy,
  .hero-text {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .hero h1,
  .hero-title,
  #top h1 {
    font-size: clamp(40px, 12.2vw, 54px) !important;
    line-height: 1.02 !important;
    letter-spacing: -1.7px !important;
    margin: 18px 0 18px !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .hero .eyebrow,
  #top .eyebrow {
    font-size: 13px !important;
    line-height: 1.25 !important;
    letter-spacing: .16em !important;
    margin-bottom: 12px !important;
  }

  .hero p,
  .hero-subtitle,
  #top p {
    font-size: 18px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
  }

  .hero-buttons,
  .hero-actions {
    position: relative !important;
    z-index: 5 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
  }

  .hero-buttons .btn,
  .hero-actions .btn,
  #top .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Alttaki özellik kartları butonun üzerine çıkmasın */
  .hero-features,
  .hero-feature-grid,
  .hero-stats,
  .hero-icons,
  .hero .features,
  #top .features {
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px 0 0 !important;
    transform: none !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .hero-features > *,
  .hero-feature-grid > *,
  .hero-stats > *,
  .hero-icons > *,
  #top .features > * {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Mobilde background görsel crop'u daha dengeli olsun */
  .hero::before,
  .hero-section::before,
  #top::before {
    background-position: center center !important;
    background-size: cover !important;
  }

  .hero-image-visual,
  .hero-visual {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
  }

  .hero-image-visual img,
  .hero-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* Giriş / Üye ol bölümü hero ile çakışmasın */
  #giris,
  #uyeol {
    margin-left: 14px !important;
    margin-right: 14px !important;
    width: calc(100% - 28px) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  /* Kartlar kenardan kesilmiş gibi durmasın */
  .problem-card,
  .corporate-grid article,
  .security-grid-premium article,
  .process-card,
  .feature-card,
  .what-card,
  .auth-card,
  .login-card,
  .signup-card,
  .legal-docs {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}


/* ===============================
   GüvenGo V9.3 - Mobil cihazlar arası akış düzeltmesi
   Ana problem: sayfa bazı telefonlarda dar kolon gibi kalıyor ve hero/features üst üste biniyor.
   =============================== */

@media (max-width: 760px) {
  /* Sayfanın mobilde dar kolon gibi kalmasını engelle */
  body,
  main,
  .page,
  .site,
  .wrapper,
  .container {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* Header doğal akışta kalsın; içeriklerin üzerine binmesin */
  .header,
  .site-header,
  header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin: 12px 14px 18px !important;
    transform: none !important;
    z-index: 10 !important;
  }

  .header + *,
  .site-header + *,
  header + * {
    margin-top: 0 !important;
  }

  /* Ana hero: tek kart, normal akış */
  #top,
  .hero,
  .hero-section {
    position: relative !important;
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin: 0 14px 22px !important;
    padding: 34px 22px 28px !important;
    min-height: auto !important;
    height: auto !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #top *,
  .hero *,
  .hero-section * {
    box-sizing: border-box !important;
  }

  /* Hero içindeki metin alanı asla dar kolona sıkışmasın */
  #top .container,
  .hero .container,
  .hero-section .container,
  .hero-content,
  .hero-copy,
  .hero-text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    text-align: left !important;
  }

  #top h1,
  .hero h1,
  .hero-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(38px, 11vw, 52px) !important;
    line-height: 1.03 !important;
    letter-spacing: -1.6px !important;
    margin: 16px 0 18px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-align: left !important;
  }

  #top .eyebrow,
  .hero .eyebrow {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.28 !important;
    letter-spacing: .15em !important;
    margin: 0 0 12px !important;
    white-space: normal !important;
  }

  #top p,
  .hero p,
  .hero-subtitle {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    margin: 0 0 20px !important;
    text-align: left !important;
  }

  /* Mobilde hero butonlarını features'tan ayır */
  .hero-buttons,
  .hero-actions,
  #top .hero-buttons,
  #top .hero-actions {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 22px 0 0 !important;
  }

  .hero-buttons .btn,
  .hero-actions .btn,
  #top .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
  }

  /* En kritik düzeltme:
     Plaka Tanıma / Hızlı Ödeme / Güvenli Çıkış kutuları absolute/floating kalmasın. */
  .hero-features,
  .hero-feature-grid,
  .hero-stats,
  .hero-icons,
  .hero .features,
  #top .features,
  #top .feature-list,
  #top .feature-grid {
    position: static !important;
    float: none !important;
    transform: none !important;
    inset: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    z-index: 1 !important;
  }

  .hero-features > *,
  .hero-feature-grid > *,
  .hero-stats > *,
  .hero-icons > *,
  .hero .features > *,
  #top .features > *,
  #top .feature-list > *,
  #top .feature-grid > * {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  /* Eğer özellik kutusu glass panel ise butonun üstüne blur gibi binmesin */
  .hero-features,
  .hero-feature-grid,
  #top .features,
  #top .feature-grid {
    backdrop-filter: blur(10px) !important;
  }

  /* Login ve signup bölümlerinde inputlar dar kalmasın */
  #giris,
  #uyeol,
  .auth-section {
    width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding: 32px 18px !important;
    box-sizing: border-box !important;
  }

  #giris .container,
  #uyeol .container,
  #giris form,
  #uyeol form,
  .login-card,
  .signup-card,
  .auth-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #giris input,
  #uyeol input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* Çok dar Android / iPhone SE / iPhone 11 gibi cihazlar için ekstra güvenlik */
@media (max-width: 430px) {
  .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .header,
  .site-header,
  header,
  #top,
  .hero,
  .hero-section,
  #giris,
  #uyeol,
  .auth-section {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  #top,
  .hero,
  .hero-section {
    padding: 30px 18px 26px !important;
  }

  #top h1,
  .hero h1,
  .hero-title {
    font-size: clamp(34px, 11.2vw, 46px) !important;
    line-height: 1.04 !important;
  }

  #top p,
  .hero p,
  .hero-subtitle {
    font-size: 16.5px !important;
    line-height: 1.55 !important;
  }

  .hero-features,
  .hero-feature-grid,
  #top .features,
  #top .feature-grid {
    margin-top: 20px !important;
  }

  #giris,
  #uyeol,
  .auth-section {
    padding: 28px 16px !important;
  }
}


/* ===============================
   GüvenGo V9.9 - Hero kutuları HTML'den tamamen kaldırıldı
   Plaka Tanıma / Hızlı Ödeme / Güvenli Çıkış özellik kartları artık web ve mobilde yok.
   Ana hero yazısı, açıklama ve butonlar korunur.
   =============================== */

.hero-live-features,
.feature-strip {
  display: none !important;
}

.hero-live-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 3 !important;
}

.hero-live-content .hero-buttons,
.hero-live-content .btn {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.hero.hero-bg-live {
  padding-bottom: clamp(58px, 6vw, 96px) !important;
}

@media (max-width: 760px) {
  .hero.hero-bg-live {
    padding-bottom: 34px !important;
  }

  .hero-live-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-live-content .hero-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 22px !important;
  }

  .hero-live-content .btn {
    width: 100% !important;
    min-height: 54px !important;
  }
}