/* Baykan Kombi Servisi — Kurumsal Tema
   Referans: kucukcekmecekombiservisi.net
   Palet: #1e40af (koyu mavi) #2563eb (mavi) #dc2626 (kırmızı CTA)
   Font: Inter (Google Fonts) */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --blue:   #1a3a6b;
  --blue2:  #0f2559;
  --blue3:  #091a3e;
  --blue-l: #e8eef8;
  --blue-m: #c8d8f0;
  --red:    #dc2626;
  --red2:   #b91c1c;
  --red-l:  #fef2f2;
  --gray1:  #f8fafc;
  --gray2:  #f1f5f9;
  --gray3:  #e2e8f0;
  --gray4:  #94a3b8;
  --gray5:  #64748b;
  --gray6:  #334155;
  --dark:   #0f172a;
  --white:  #ffffff;
  --green:  #16a34a;
  --f: 'Inter', system-ui, sans-serif;
  --r: 8px;
  --sh: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --sh2: 0 4px 16px rgba(0,0,0,.10);
  --sh3: 0 8px 32px rgba(0,0,0,.12);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--f); background:#f0f4fb; color:var(--dark); overflow-x:hidden; line-height:1.6; }
a { text-decoration:none; color:inherit; }

/* ══ ÜSTTE BİLGİ BARÜ (36px) ══════════════════════════════════ */
.topinfo {
  background: var(--blue3);
  height: 36px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 24px;
}
.topinfo-left {
  display: flex; align-items: center; gap: 20px;
  font-size: 12px; color: rgba(255,255,255,.65); font-weight: 400;
}
.topinfo-left span { display: flex; align-items: center; gap: 5px; }
.topinfo-right { display: flex; align-items: center; gap: 14px; }
.topinfo-phone {
  display: flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 700; color: white;
}
.topinfo-phone svg { width:12px; height:12px; fill:rgba(255,255,255,.7); }
.topinfo-wa {
  display: flex; align-items: center; gap: 5px;
  font-size: 12px; font-weight: 600; color: white;
  background: var(--green); padding: 3px 10px; border-radius: 4px;
  transition: background .15s;
}
.topinfo-wa:hover { background: #15803d; }
.topinfo-wa svg { width:12px; height:12px; fill:white; }

/* ══ NAVBAR (60px) ══════════════════════════════════════════════
   Toplam sabit: 36 + 60 = 96px
   Mobilde: 36 + 56 = 92px
════════════════════════════════════════════════════════════════ */
.navbar {
  position: sticky; top: 0; z-index: 900;
  background: var(--white);
  border-bottom: 2px solid var(--blue);
  height: 60px;
  display: flex; align-items: center;
  padding: 0 24px;
  box-shadow: var(--sh2);
}

/* Logo */
.nav-logo {
  display: flex; align-items: center; gap: 10px;
  flex-shrink: 0; margin-right: 24px; text-decoration: none;
}
.nav-logo-ico {
  width: 38px; height: 38px;
  background: linear-gradient(135deg, var(--blue), var(--blue2));
  border-radius: var(--r);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.nav-logo-ico svg { width:22px; height:22px; }
.nav-logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.nav-logo-name { font-size: 15px; font-weight: 800; color: var(--blue2); }
.nav-logo-sub  { font-size: 10px; font-weight: 500; color: var(--gray4); }

/* Nav linkleri — masaüstü */
.nav-links {
  display: flex; align-items: stretch;
  list-style: none; height: 60px; flex: 1;
}
.nav-links > li { position: relative; display: flex; align-items: stretch; }
.nav-links > li > a {
  display: flex; align-items: center; gap: 4px;
  padding: 0 14px;
  font-size: 14px; font-weight: 600; color: var(--gray6);
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  transition: color .15s, border-color .15s;
  text-decoration: none;
}
.nav-links > li > a:hover {
  color: var(--blue); border-bottom-color: var(--blue);
}
.nav-links > li > a.active {
  color: var(--blue); border-bottom-color: var(--blue);
}
.nc { font-size: 9px; opacity:.45; transition: transform .2s; }
.nav-links > li:hover > a .nc { transform: rotate(180deg); }

/* DROPDOWN */
.nav-dd {
  position: absolute; top: calc(100% + 2px); left: 0;
  background: var(--white);
  border: 1px solid var(--gray3);
  border-top: 3px solid var(--blue);
  border-radius: 0 0 var(--r) var(--r);
  box-shadow: var(--sh3);
  z-index: 100;
  opacity: 0; visibility: hidden;
  transform: translateY(6px);
  transition: opacity .18s, transform .18s, visibility .18s;
  min-width: 200px; padding: 6px 0;
  list-style: none;
}
.nav-links > li:hover > .nav-dd { opacity:1; visibility:visible; transform:translateY(0); }
.nav-dd li { list-style:none; }
.nav-dd li a {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 16px; font-size: 13.5px; font-weight: 500; color: var(--gray6);
  transition: background .1s, color .1s; text-decoration: none;
}
.nav-dd li a:hover { background: var(--blue-l); color: var(--blue2); }
.nav-dd li a .dd-ic { font-size: 14px; width: 18px; text-align: center; }

/* Dropdown 2 kolon */
.nav-dd.col2 { min-width: 340px; display: grid; grid-template-columns: 1fr 1fr; padding: 8px 0; }
.nav-dd.col2 li a { font-size: 13px; padding: 8px 13px; }
.nav-dd.col2 .all-link { grid-column:1/-1; border-top:1px solid var(--gray3); margin-top:4px; padding-top:4px; }
.nav-dd.col2 .all-link a { justify-content:center; font-weight:700; color:var(--blue); font-size:13px; }

/* Dropdown geniş 3 kolon */
.nav-dd.wide {
  min-width: 520px;
  left: 50%; transform: translateX(-50%) translateY(6px);
  display: grid; grid-template-columns: repeat(3,1fr); padding: 8px 0;
}
.nav-links > li:hover > .nav-dd.wide { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.nav-dd.wide li a { font-size: 13px; padding: 7px 13px; }

/* Nav sağ CTA */
.nav-cta {
  margin-left: auto; flex-shrink: 0;
  display: flex; align-items: center; gap: 7px;
  background: var(--red); color: var(--white);
  font-size: 13.5px; font-weight: 700;
  padding: 10px 18px; border-radius: var(--r);
  transition: all .15s; text-decoration: none; white-space: nowrap;
}
.nav-cta:hover { background: var(--red2); transform: translateY(-1px); }
.nav-cta svg { width:14px; height:14px; fill:white; }

/* Hamburger */
.nav-burger {
  display: none; flex-direction: column; gap: 5px;
  cursor: pointer; background: none; border: none;
  padding: 7px; margin-left: auto;
}
.nav-burger span { display:block; width:22px; height:2.5px; background:var(--blue2); border-radius:2px; transition:all .28s; }
.nav-burger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-burger.open span:nth-child(2) { opacity:0; }
.nav-burger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ══ MOBİL MENÜ ═════════════════════════════════════════════════
   ÇÖZÜM: navbar sticky (top:0) + topinfo (36px) = sayfanın
   içine dahil. Mobil drawer sayfanın içine (position:fixed,
   top:92px) oturur. Navbar HIÇBIR ZAMAN içeriğin üstünde değil.
════════════════════════════════════════════════════════════════ */
.mob-overlay {
  position: fixed; inset: 0;
  background: rgba(15,23,42,.55);
  z-index: 800; display: none;
}
.mob-overlay.open { display: block; }

.mob-menu {
  position: fixed;
  /* topinfo(36) + navbar(56mobil) = 92px */
  top: 92px; left: 0; right: 0; bottom: 0;
  background: var(--white);
  z-index: 850;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform .28s cubic-bezier(.4,0,.2,1);
  border-top: 1px solid var(--gray3);
}
.mob-menu.open { transform: translateX(0); }

.mob-tel-bar {
  background: var(--blue); padding: 12px 16px;
  display: flex; align-items: center; gap: 10px;
}
.mob-tel-bar a:first-child {
  flex: 1; color: white; font-weight: 800; font-size: 16px;
  display: flex; align-items: center; gap: 7px; text-decoration: none;
}
.mob-tel-bar a:first-child svg { width:15px; height:15px; fill:white; }
.mob-wa-link {
  background: var(--green); color: white!important;
  font-weight: 700; font-size: 13px;
  padding: 7px 13px; border-radius: var(--r);
  display: flex; align-items: center; gap: 5px;
  text-decoration: none;
}
.mob-wa-link svg { width:13px; height:13px; fill:white; }

.mob-item {
  display: flex; align-items: center; padding: 13px 16px;
  font-size: 15px; font-weight: 600; color: var(--dark);
  border-bottom: 1px solid var(--gray2); text-decoration: none;
  transition: background .12s;
}
.mob-item:hover { background: var(--blue-l); color: var(--blue2); }

.mob-acc { border-bottom: 1px solid var(--gray2); }
.mob-acc-btn {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  padding: 13px 16px; font-size: 15px; font-weight: 700; color: var(--dark);
  background: none; border: none; cursor: pointer; text-align: left;
  transition: background .12s;
}
.mob-acc-btn:hover, .mob-acc-btn.open { background: var(--blue-l); color: var(--blue2); }
.mob-acc-ic {
  width: 22px; height: 22px; background: var(--gray2); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; color: var(--gray5);
  transition: all .22s; flex-shrink: 0;
}
.mob-acc-btn.open .mob-acc-ic { background: var(--blue); color: white; transform: rotate(45deg); }
.mob-panel { display: none; background: var(--gray1); padding: 6px 12px 12px; }
.mob-panel.open { display: block; }
.mob-pgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.mob-pl {
  display: block; padding: 8px 10px; font-size: 13px; font-weight: 500;
  color: var(--gray5); border-radius: 6px; text-decoration: none; transition: all .12s;
}
.mob-pl:hover { background: var(--blue); color: white; }
.mob-pl-full {
  display: block; padding: 9px 10px; font-size: 13.5px; font-weight: 600;
  color: var(--gray6); border-radius: 6px; text-decoration: none; transition: all .12s;
}
.mob-pl-full:hover { background: var(--blue); color: white; }

/* ══ HERO ═══════════════════════════════════════════════════════ */
.hero {
  background: linear-gradient(135deg, var(--blue3) 0%, var(--blue2) 45%, var(--blue) 100%);
  padding: 56px 0 48px;
  position: relative; overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E");
}
.hero-inner {
  max-width: 1200px; margin: auto; padding: 0 24px;
  display: grid; grid-template-columns: 1fr 380px; gap: 40px; align-items: center;
  position: relative; z-index: 1;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2);
  border-radius: 20px; padding: 5px 14px;
  font-size: 12px; font-weight: 600; color: rgba(255,255,255,.9);
  margin-bottom: 18px;
}
.hero-badge::before { content:'●'; color:#4ade80; font-size:8px; }
.hero h1 {
  font-size: clamp(1.8rem,3.5vw,2.8rem); font-weight: 800;
  color: white; line-height: 1.15; letter-spacing:-.5px; margin-bottom: 16px;
}
.hero h1 span { color: #fde68a; }
.hero-desc {
  font-size: 16px; font-weight: 400; color: rgba(255,255,255,.75);
  line-height: 1.8; max-width: 480px; margin-bottom: 28px;
}
.hero-desc strong { color: white; font-weight: 700; }
.hero-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 32px; }
.hero-btn1 {
  display: flex; align-items: center; gap: 8px;
  background: var(--red); color: white;
  font-size: 16px; font-weight: 700;
  padding: 13px 24px; border-radius: var(--r);
  transition: all .15s; text-decoration: none;
}
.hero-btn1:hover { background: var(--red2); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(220,38,38,.4); }
.hero-btn1 svg { width:18px; height:18px; fill:white; }
.hero-btn2 {
  display: flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.12); border: 1.5px solid rgba(255,255,255,.3);
  color: white; font-size: 15px; font-weight: 600;
  padding: 12px 22px; border-radius: var(--r);
  transition: all .15s; text-decoration: none;
}
.hero-btn2:hover { background: rgba(255,255,255,.2); }
.hero-btn2 svg { width:16px; height:16px; fill:white; }
.hero-stats {
  display: flex; gap: 0; border-top: 1px solid rgba(255,255,255,.15);
  padding-top: 24px;
}
.hero-stat { padding-right: 24px; margin-right: 24px; border-right: 1px solid rgba(255,255,255,.12); }
.hero-stat:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.hero-stat strong { display: block; font-size: 22px; font-weight: 800; color: white; }
.hero-stat span { font-size: 11px; color: rgba(255,255,255,.5); text-transform: uppercase; letter-spacing:.4px; }

/* Hero sağ — form kartı */
.hero-form-card {
  background: white; border-radius: 12px;
  padding: 28px; box-shadow: var(--sh3);
}
.hfc-title { font-size: 17px; font-weight: 800; color: var(--blue2); margin-bottom: 4px; }
.hfc-sub { font-size: 12px; color: var(--gray4); margin-bottom: 18px; }
.hfc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hfc-g { margin-bottom: 10px; }
.hfc-g label { display: block; font-size: 11px; font-weight: 700; color: var(--gray6); margin-bottom: 4px; text-transform: uppercase; letter-spacing:.3px; }
.hfc-g input, .hfc-g select, .hfc-g textarea {
  width:100%; padding: 10px 12px;
  border: 1.5px solid var(--gray3); border-radius: 6px;
  font-family: var(--f); font-size: 14px; color: var(--dark);
  outline: none; transition: border-color .15s; background: white;
}
.hfc-g input:focus, .hfc-g select:focus, .hfc-g textarea:focus { border-color: var(--blue); }
.hfc-g textarea { resize: none; height: 60px; }
.hfc-btn {
  width: 100%; background: var(--red); color: white;
  border: none; padding: 12px; border-radius: var(--r);
  font-family: var(--f); font-size: 15px; font-weight: 700;
  cursor: pointer; transition: background .15s; margin-bottom: 8px;
}
.hfc-btn:hover { background: var(--red2); }
.hfc-wa {
  width: 100%; background: var(--green); color: white;
  border: none; padding: 11px; border-radius: var(--r);
  font-family: var(--f); font-size: 14px; font-weight: 700;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  gap: 7px; transition: background .15s; text-decoration: none;
}
.hfc-wa:hover { background: #15803d; }
.hfc-wa svg { width:16px; height:16px; fill:white; }

/* ══ BÖLÜM BAŞLIKLARI ═══════════════════════════════════════════ */
.section-head { margin-bottom: 40px; }
.section-head.center { text-align: center; }
.section-head.center .section-sub { margin: 0 auto; }
.section-tag {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 12px; font-weight: 700; color: var(--blue); text-transform: uppercase;
  letter-spacing: 2px; margin-bottom: 10px;
}
.section-tag::before { content:'—'; color: var(--blue); }
.section-h { font-size: clamp(1.4rem,2.5vw,2rem); font-weight: 800; color: var(--dark); line-height: 1.2; margin-bottom: 8px; }
.section-sub { font-size: 15px; color: var(--gray5); line-height: 1.75; max-width: 540px; }

/* ══ HİZMET KARTI ═══════════════════════════════════════════════ */
.services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.svc-card {
  background: var(--white); border: 1px solid var(--gray3);
  border-radius: 10px; padding: 24px;
  transition: all .2s; text-decoration: none; display: block;
  position: relative; overflow: hidden;
}
.svc-card::before { content:''; position:absolute; top:0;left:0;right:0; height:3px; background:var(--blue); transition:background .2s; }
.svc-card:hover { border-color:var(--blue); box-shadow:var(--sh3); transform:translateY(-3px); }
.svc-card:hover::before { background:var(--red); }
.svc-emoji { font-size: 32px; margin-bottom: 14px; display: block; }
.svc-card h3 { font-size: 16px; font-weight: 800; color: var(--dark); margin-bottom: 7px; }
.svc-card p { font-size: 13.5px; color: var(--gray5); line-height: 1.7; }
.svc-more { font-size: 12px; font-weight: 700; color: var(--blue); text-transform: uppercase; letter-spacing:.4px; margin-top: 12px; display: block; }

/* ══ NEDEN BİZ ══════════════════════════════════════════════════ */
.why-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.why-card {
  background: white; border: 1px solid var(--gray3);
  border-radius: 10px; padding: 20px 18px; text-align: center;
  transition: all .2s;
}
.why-card:hover { border-color:var(--blue); box-shadow:var(--sh2); transform:translateY(-2px); }
.why-ic { font-size: 28px; margin-bottom: 10px; display: block; }
.why-card h3 { font-size: 14px; font-weight: 800; color: var(--dark); margin-bottom: 5px; }
.why-card p { font-size: 13px; color: var(--gray5); line-height: 1.65; }

/* ══ MODEL GRID ══════════════════════════════════════════════════ */
.model-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(190px,1fr)); gap: 10px; }
.model-card {
  background: white; border: 1.5px solid var(--gray3);
  border-radius: var(--r); padding: 16px;
  transition: all .2s; text-decoration: none; display: block;
}
.model-card:hover { border-color:var(--blue); box-shadow:var(--sh2); transform:translateY(-2px); }
.model-card h3 { font-size: 14px; font-weight: 700; color: var(--dark); margin-bottom: 3px; }
.model-card .mc-sub { font-size: 12px; color: var(--gray4); }
.model-card .mc-badge {
  display: inline-block; background: var(--blue-m); color: var(--blue2);
  font-size: 11px; font-weight: 700; padding: 2px 8px;
  border-radius: 10px; margin-top: 7px; border: 1px solid #bfdbfe;
}

/* ══ HATA TABLOSU ════════════════════════════════════════════════ */
.err-table { width:100%; border-collapse:collapse; font-size:14px; }
.err-table thead { background: var(--blue2); }
.err-table th { padding:10px 14px; text-align:left; font-size:12px; font-weight:700; color:white; letter-spacing:.3px; }
.err-table td { padding:10px 14px; border-bottom:1px solid var(--gray3); vertical-align:top; }
.err-table tr:hover td { background: var(--blue-l); }
.err-code { font-weight:800; color:var(--red); font-family:monospace; font-size:14px; white-space:nowrap; }
.err-name { font-weight:700; color:var(--dark); }
.err-sol  { color:var(--gray5); font-size:13px; }

/* ══ İLÇE / MAHALLE / MARKA ═════════════════════════════════════ */
.ilce-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:7px; }
.ilce-btn {
  display:flex; align-items:center; gap:7px;
  padding:10px 13px; background:var(--white);
  border:1.5px solid var(--gray3); border-radius:var(--r);
  color:var(--gray6); font-size:13.5px; font-weight:600;
  transition:all .15s; text-decoration:none;
}
.ilce-btn::before { content:'📍'; font-size:12px; }
.ilce-btn:hover { border-color:var(--blue); color:var(--blue2); background:var(--blue-l); }
.mah-btn {
  display:inline-block; padding:5px 13px;
  background:var(--white); border:1.5px solid var(--gray3);
  border-radius:20px; color:var(--gray6); font-size:13px; font-weight:600;
  transition:all .15s; text-decoration:none; margin:2px;
}
.mah-btn:hover { background:var(--blue); border-color:var(--blue); color:white; }
.brand-grid { display:flex; flex-wrap:wrap; gap:7px; }
.brand-tag {
  background:var(--white); border:1.5px solid var(--gray3); border-radius:20px;
  padding:6px 16px; font-size:13.5px; font-weight:600; color:var(--gray6);
  transition:all .15s; text-decoration:none;
}
.brand-tag:hover { background:var(--blue2); border-color:var(--blue2); color:white; }

/* ══ İÇ SAYFA HERO ══════════════════════════════════════════════ */
.page-hero {
  background: linear-gradient(135deg, var(--blue3), var(--blue2));
  padding: 40px 0 30px; border-bottom: 3px solid var(--red);
}
.ph-inner { max-width:1200px; margin:auto; padding:0 24px; }
.bc { display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:12px; color:rgba(255,255,255,.45); margin-bottom:12px; }
.bc a { color:rgba(255,255,255,.6); text-decoration:none; transition:color .12s; }
.bc a:hover { color:white; }
.bc .sep { opacity:.35; }
.ph-h1 { font-size:clamp(1.3rem,3vw,2rem); font-weight:800; color:white; margin-bottom:8px; line-height:1.2; }
.ph-sub { font-size:14.5px; color:rgba(255,255,255,.65); line-height:1.7; max-width:600px; margin-bottom:18px; }
.ph-btns { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:20px; }
.ph-btn1 { background:var(--red); color:white; padding:10px 20px; border-radius:var(--r); font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:7px; transition:background .15s; text-decoration:none; }
.ph-btn1:hover { background:var(--red2); }
.ph-btn1 svg { width:14px; height:14px; fill:white; }
.ph-btn2 { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:white; padding:10px 20px; border-radius:var(--r); font-weight:600; font-size:14px; transition:all .15s; text-decoration:none; }
.ph-btn2:hover { background:rgba(255,255,255,.2); }
.ph-kpis { display:flex; flex-wrap:wrap; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); }
.ph-kpi { padding:0 20px 0 0; margin:0 20px 0 0; border-right:1px solid rgba(255,255,255,.1); }
.ph-kpi:last-child { border-right:none; }
.ph-kpi strong { display:block; font-size:17px; font-weight:800; color:white; }
.ph-kpi span { font-size:10px; color:rgba(255,255,255,.4); text-transform:uppercase; letter-spacing:.4px; }

/* ══ İÇ SAYFA LAYOUT ════════════════════════════════════════════ */
.page-wrap { max-width:1200px; margin:auto; padding:24px 24px 56px; display:grid; grid-template-columns:1fr 264px; gap:20px; align-items:start; }
.sticky-col { position:sticky; top:80px; }
.cb { background:white; border:1px solid var(--gray3); border-radius:var(--r); padding:22px; margin-bottom:12px; }
.cb:first-child { border-top:3px solid var(--blue); }
.cb h2 { font-size:19px; font-weight:800; color:var(--dark); margin-bottom:10px; }
.cb h3 { font-size:15px; font-weight:700; color:var(--dark); margin:13px 0 7px; }
.cb p { color:var(--gray5); font-size:14px; line-height:1.85; margin-bottom:8px; }
.cb ul { list-style:none; display:flex; flex-direction:column; gap:6px; }
.cb ul li { display:flex; align-items:flex-start; gap:8px; font-size:14px; color:var(--gray5); padding-bottom:6px; border-bottom:1px solid var(--gray2); line-height:1.65; }
.cb ul li:last-child { border-bottom:none; padding-bottom:0; }
.cb ul li::before { content:'✓'; color:var(--blue); font-weight:800; font-size:12px; flex-shrink:0; margin-top:2px; }
.cb a { color:var(--blue2); text-decoration:none; font-weight:600; }
.cb a:hover { text-decoration:underline; }
.tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:11px; }
.tag { background:var(--blue-m); color:var(--blue2); border:1px solid #bfdbfe; padding:4px 12px; border-radius:20px; font-size:12px; font-weight:700; }
.info-box { background:var(--blue-l); border-left:3px solid var(--blue); border-radius:0 var(--r) var(--r) 0; padding:12px 15px; font-size:14px; color:var(--dark); line-height:1.7; margin:10px 0; }
.info-box strong { color:var(--blue2); }
.warn-box { background:#fff7ed; border-left:3px solid #f97316; border-radius:0 var(--r) var(--r) 0; padding:12px 15px; font-size:14px; color:#9a3412; line-height:1.7; margin:10px 0; }

/* CTA sidebar */
.cta-box { background:var(--blue2); border-radius:var(--r); padding:20px; margin-bottom:12px; }
.cta-box h3 { font-size:16px; font-weight:800; color:white; margin-bottom:4px; }
.cta-box p { font-size:12px; color:rgba(255,255,255,.55); margin-bottom:14px; line-height:1.6; }
.cta-box a { display:flex; align-items:center; justify-content:center; gap:7px; padding:10px; border-radius:var(--r); font-weight:700; font-size:14px; margin-bottom:7px; transition:all .15s; color:white; text-decoration:none; }
.cta-call { background:var(--red); }
.cta-call:hover { background:var(--red2); }
.cta-wa { background:var(--green); }
.cta-wa:hover { background:#15803d; }
.cta-call svg, .cta-wa svg { width:14px; height:14px; fill:white; }
.cta-note { text-align:center; font-size:11px; color:rgba(255,255,255,.3); margin-top:5px; }

/* FAQ */
.faq { border:1.5px solid var(--gray3); border-radius:var(--r); overflow:hidden; }
.faq-item { border-bottom:1px solid var(--gray3); }
.faq-item:last-child { border-bottom:none; }
.faq-q { padding:13px 16px; font-size:14px; font-weight:600; color:var(--dark); cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:9px; transition:background .1s; user-select:none; }
.faq-q:hover { background:var(--blue-l); }
.faq-ic { width:20px; height:20px; background:var(--gray2); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:var(--gray4); flex-shrink:0; transition:all .2s; }
.faq-item.open .faq-ic { background:var(--blue); color:white; transform:rotate(45deg); }
.faq-a { display:block; max-height:0; overflow:hidden; padding:0 16px 0; font-size:13.5px; color:var(--gray5); line-height:1.8; transition:max-height .32s ease, padding-bottom .25s ease; }
.faq-item.open .faq-a { max-height:600px; padding-bottom:12px; }

/* ══ İLETİŞİM FORMU ══════════════════════════════════════════════ */
.contact-section { background:var(--gray1); padding:64px 0; border-top:1px solid var(--gray3); }
.contact-inner { max-width:1200px; margin:auto; padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.cl-h { font-size:26px; font-weight:800; color:var(--dark); margin-bottom:7px; }
.cl-p { font-size:14.5px; color:var(--gray5); line-height:1.75; margin-bottom:22px; }
.ci-row { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.ci-ic { width:40px; height:40px; background:var(--blue-l); border:1px solid var(--blue-m); border-radius:var(--r); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.ci-text strong { display:block; font-size:10px; color:var(--gray4); font-weight:700; letter-spacing:.3px; text-transform:uppercase; }
.ci-text a, .ci-text span { font-size:15px; font-weight:700; color:var(--dark); text-decoration:none; }
.ci-text a:hover { color:var(--blue2); }
.form-box { background:white; border:1px solid var(--gray3); border-radius:var(--r); padding:26px; box-shadow:var(--sh); }
.form-box::before { content:''; display:block; height:3px; background:linear-gradient(90deg,var(--blue),var(--red)); margin:-26px -26px 22px; border-radius:var(--r) var(--r) 0 0; }
.form-box h3 { font-size:18px; font-weight:800; color:var(--dark); margin-bottom:3px; }
.form-box>p { font-size:12px; color:var(--gray4); margin-bottom:16px; }
.f-row { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.f-g { margin-bottom:9px; }
.f-g label { display:block; font-size:10px; font-weight:700; color:var(--gray6); margin-bottom:4px; letter-spacing:.4px; text-transform:uppercase; }
.f-g input, .f-g select, .f-g textarea { width:100%; padding:10px 12px; border:1.5px solid var(--gray3); border-radius:6px; font-family:var(--f); font-size:14px; color:var(--dark); background:white; outline:none; transition:border-color .15s; }
.f-g input:focus, .f-g select:focus, .f-g textarea:focus { border-color:var(--blue); }
.f-g textarea { resize:vertical; min-height:68px; }
.f-submit { width:100%; background:var(--red); color:white; border:none; padding:12px; border-radius:var(--r); font-family:var(--f); font-size:15px; font-weight:700; cursor:pointer; transition:background .15s; margin-bottom:7px; }
.f-submit:hover { background:var(--red2); }
.f-wa { width:100%; background:var(--green); color:white; border:none; padding:11px; border-radius:var(--r); font-family:var(--f); font-size:14px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:7px; transition:background .15s; text-decoration:none; }
.f-wa:hover { background:#15803d; }
.f-wa svg { width:15px; height:15px; fill:white; }

/* ══ HİZMET & MARKA LİSTE SAYFASI ═══════════════════════════════ */
.page-services-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.page-svc-card { background:white; border:1.5px solid var(--gray3); border-radius:var(--r); padding:22px; transition:all .2s; text-decoration:none; display:block; }
.page-svc-card:hover { border-color:var(--blue); box-shadow:var(--sh2); transform:translateY(-2px); }
.page-svc-card .psc-ic { font-size:30px; margin-bottom:11px; display:block; }
.page-svc-card h3 { font-size:17px; font-weight:800; color:var(--dark); margin-bottom:6px; }
.page-svc-card p { font-size:13.5px; color:var(--gray5); line-height:1.7; }
.page-svc-card .psc-more { font-size:12px; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:.4px; margin-top:11px; display:block; }
.brands-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:2px; background:var(--gray3); border:1px solid var(--gray3); border-radius:var(--r); overflow:hidden; }
.brand-card { background:white; padding:18px 16px; transition:all .18s; display:block; text-decoration:none; }
.brand-card:hover { background:var(--blue2); }
.brand-card:hover .bc-name { color:white; }
.brand-card:hover .bc-more { color:rgba(255,255,255,.7); }
.bc-name { font-size:17px; font-weight:800; color:var(--dark); margin-bottom:3px; transition:color .18s; }
.bc-sub  { font-size:11.5px; color:var(--gray4); }
.bc-more { font-size:11px; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:.4px; margin-top:8px; display:block; transition:color .18s; }

/* ══ FOOTER ══════════════════════════════════════════════════════ */
footer { background:var(--blue3); color:rgba(255,255,255,.4); padding:48px 0 0; }
.ft-inner { max-width:1200px; margin:auto; padding:0 24px 36px; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:32px; border-bottom:1px solid rgba(255,255,255,.07); }
.ft-brand p { font-size:13px; line-height:1.75; max-width:240px; margin-top:12px; }
.ft-col h4 { font-size:10px; font-weight:700; color:rgba(255,255,255,.25); text-transform:uppercase; letter-spacing:2px; margin-bottom:11px; }
.ft-col ul { list-style:none; display:flex; flex-direction:column; gap:6px; }
.ft-col ul li a { font-size:13px; color:rgba(255,255,255,.3); text-decoration:none; transition:color .15s; }
.ft-col ul li a:hover { color:white; }
.ft-bottom { max-width:1200px; margin:auto; padding:14px 24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; font-size:11px; color:rgba(255,255,255,.18); }
.ft-bottom a { color:rgba(255,255,255,.25); text-decoration:none; }
.ft-bottom a:hover { color:white; }

/* ══ FLOATERS ════════════════════════════════════════════════════ */
.floaters { position:fixed; bottom:22px; right:22px; z-index:700; display:flex; flex-direction:column; gap:8px; }
.fl { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:18px; box-shadow:var(--sh3); transition:transform .2s; border:none; cursor:pointer; text-decoration:none; }
.fl:hover { transform:scale(1.1); }
.fl-wa { background:var(--green); }
.fl-tel { background:var(--red); }
.fl-top { background:var(--blue2); font-size:13px; }

/* ══ RESPONSIVE ══════════════════════════════════════════════════ */
@media(max-width:1100px) {
  .hero-inner { grid-template-columns:1fr; }
  .hero-form-card { display:none; }
  .services-grid { grid-template-columns:1fr 1fr; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .ft-inner { grid-template-columns:1fr 1fr; }
}
@media(max-width:1024px) {
  .page-wrap { grid-template-columns:1fr; }
  .sticky-col { position:static; }
  .contact-inner { grid-template-columns:1fr; }
  .page-services-grid { grid-template-columns:1fr; }
}
@media(max-width:768px) {
  /* Navbar */
  .nav-links { display:none; }
  .nav-cta { display:none; }
  .nav-burger { display:flex; }
  .navbar { padding:0 16px; height:56px; }
  /* topinfo(36) + navbar(56) = 92px — mob-menu top:92px */
  .topinfo { padding:0 16px; }
  .topinfo-left { display:none; }
  /* Mob menü */
  .mob-menu { top:92px; }
  /* Hero */
  .hero { padding:36px 0 32px; }
  .hero-inner { padding:0 16px; }
  .hero h1 { font-size:1.7rem; }
  .hero-stats { flex-wrap:wrap; gap:14px; }
  .hero-stat { border-right:none; padding-right:0; margin-right:0; }
  /* Sayfa */
  .ph-inner { padding:0 16px; }
  .ph-kpis { gap:12px; }
  .ph-kpi { border-right:none; padding-right:0; margin-right:0; }
  .ph-btns { flex-direction:column; }
  .page-wrap { padding:14px 16px 44px; }
  .contact-inner { padding:0 16px; }
  .ft-inner { grid-template-columns:1fr; padding:0 16px 28px; }
  .ft-bottom { padding:12px 16px; }
  .ilce-grid { grid-template-columns:repeat(2,1fr); }
  .services-grid { grid-template-columns:1fr 1fr; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .model-grid { grid-template-columns:1fr 1fr; }
  .f-row { grid-template-columns:1fr; }
  .brands-grid { grid-template-columns:1fr 1fr; }
  .hfc-row { grid-template-columns:1fr; }
}
@media(max-width:480px) {
  .ilce-grid { grid-template-columns:1fr 1fr; }
  .model-grid { grid-template-columns:1fr; }
  .services-grid { grid-template-columns:1fr; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .hero h1 { font-size:1.5rem; }
}

/* ═══════════════════════════════════════════
   BLOG SAYFALARI
══════════════════════════════════════════ */
.blog-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:20px; font-size:13px; color:var(--gray4); }
.blog-meta span { display:flex; align-items:center; gap:5px; }
.blog-cat { background:var(--blue-l); color:var(--blue2); font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; border:1px solid #bfdbfe; }
.blog-body .cb h3 { font-size:16px; font-weight:700; color:var(--dark); margin:20px 0 8px; border-left:3px solid var(--blue); padding-left:10px; }
.blog-body .cb h2 { font-size:20px; }
.blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; }
.blog-card { background:var(--white); border:1.5px solid var(--gray3); border-radius:var(--r); overflow:hidden; transition:all .2s; text-decoration:none; display:block; }
.blog-card:hover { border-color:var(--blue); box-shadow:var(--sh2); transform:translateY(-2px); }
.blog-card-body { padding:18px; }
.blog-card-cat { font-size:11px; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:.4px; margin-bottom:8px; display:block; }
.blog-card h3 { font-size:15px; font-weight:800; color:var(--dark); margin-bottom:7px; line-height:1.4; }
.blog-card p { font-size:13px; color:var(--gray5); line-height:1.6; }
.blog-card-footer { padding:10px 18px; border-top:1px solid var(--gray3); display:flex; justify-content:space-between; align-items:center; }
.blog-card-footer span { font-size:11.5px; color:var(--gray4); }

/* ═══════════════════════════════════════════
   RANDEVU WİDGET
══════════════════════════════════════════ */
.widget-wrap { max-width:680px; margin:32px auto; padding:0 20px 64px; }
.step-bar { display:flex; align-items:center; gap:0; margin-bottom:32px; }
.step { flex:1; text-align:center; position:relative; }
.step-circle { width:36px; height:36px; border-radius:50%; background:var(--gray3); color:var(--gray4); font-size:14px; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto 6px; transition:all .3s; }
.step.active .step-circle { background:var(--blue); color:white; }
.step.done .step-circle { background:#16a34a; color:white; }
.step-label { font-size:11px; color:var(--gray4); font-weight:600; }
.step.active .step-label { color:var(--blue); }
.step::before { content:''; position:absolute; top:18px; left:calc(-50% + 18px); right:calc(50% + 18px); height:2px; background:var(--gray3); z-index:-1; }
.step:first-child::before { display:none; }
.step.done::before { background:#16a34a; }
.step-panel { display:none; }
.step-panel.active { display:block; animation:fadeInUp .3s ease; }
@keyframes fadeInUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
.hiz-cards { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; }
.hiz-card { border:2px solid var(--gray3); border-radius:var(--r); padding:14px 16px; cursor:pointer; transition:all .2s; background:white; text-align:left; width:100%; }
.hiz-card:hover,.hiz-card.selected { border-color:var(--blue); background:var(--blue-l); }
.hiz-card.selected { box-shadow:0 0 0 3px rgba(37,99,235,.15); }
.hiz-card .hc-ic { font-size:22px; margin-bottom:7px; display:block; }
.hiz-card .hc-ad { font-size:14px; font-weight:700; color:var(--dark); display:block; }
.hiz-card .hc-fiyat { font-size:12px; color:var(--blue2); font-weight:600; margin-top:3px; display:block; }
.cal-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.cal-title { font-size:15px; font-weight:700; color:var(--dark); }
.cal-nav { background:none; border:1px solid var(--gray3); border-radius:var(--r); width:32px; height:32px; cursor:pointer; font-size:16px; transition:all .15s; }
.cal-nav:hover { background:var(--blue); color:white; border-color:var(--blue); }
.cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.cal-day-head { font-size:11px; font-weight:700; color:var(--gray4); text-align:center; padding:4px 0; }
.cal-day { aspect-ratio:1; border-radius:6px; cursor:pointer; font-size:13px; font-weight:600; color:var(--dark); display:flex; align-items:center; justify-content:center; transition:all .15s; border:2px solid transparent; background:none; width:100%; }
.cal-day:hover:not(:disabled):not(.empty) { background:var(--blue-l); border-color:var(--blue); }
.cal-day.selected { background:var(--blue); color:white; border-color:var(--blue); }
.cal-day.today { border-color:var(--red); color:var(--red); font-weight:800; }
.cal-day:disabled { color:var(--gray3); cursor:not-allowed; }
.cal-day.empty { cursor:default; pointer-events:none; }
.saat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:12px; }
.saat-btn { padding:10px 6px; border:2px solid var(--gray3); border-radius:var(--r); cursor:pointer; font-size:13px; font-weight:600; color:var(--dark); background:white; transition:all .15s; text-align:center; width:100%; }
.saat-btn:hover { border-color:var(--blue); background:var(--blue-l); }
.saat-btn.selected { background:var(--blue); color:white; border-color:var(--blue); }
.saat-btn.dolu { background:var(--gray2); color:var(--gray4); cursor:not-allowed; border-color:var(--gray3); text-decoration:line-through; }
.fiyat-box { background:linear-gradient(135deg,var(--blue3),var(--blue2)); border-radius:var(--r); padding:20px; color:white; margin:16px 0; }
.fiyat-baslik { font-size:12px; color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.5px; margin-bottom:4px; }
.fiyat-rakam { font-size:32px; font-weight:800; line-height:1; }
.fiyat-alt { font-size:11px; color:rgba(255,255,255,.4); margin-top:4px; }
.fiyat-satir { display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.1); font-size:13px; color:rgba(255,255,255,.7); }
.fiyat-satir:last-child { border-bottom:none; font-weight:700; color:white; }
.ozet-box { background:var(--gray1); border:1.5px solid var(--gray3); border-radius:var(--r); padding:18px; margin:16px 0; }
.ozet-satir { display:flex; align-items:center; gap:10px; padding:7px 0; border-bottom:1px solid var(--gray3); font-size:14px; }
.ozet-satir:last-child { border-bottom:none; }
.ozet-ic { font-size:16px; width:24px; flex-shrink:0; }
.ozet-label { color:var(--gray4); font-size:12px; margin-bottom:1px; }
.ozet-val { font-weight:700; color:var(--dark); }
.next-btn { width:100%; background:var(--red); color:white; border:none; padding:14px; border-radius:var(--r); font-family:'Inter',sans-serif; font-size:16px; font-weight:700; cursor:pointer; margin-top:16px; transition:all .15s; display:flex; align-items:center; justify-content:center; gap:8px; }
.next-btn:hover { background:#b91c1c; transform:translateY(-1px); }
.next-btn:disabled { background:var(--gray3); cursor:not-allowed; transform:none; }
.back-btn { background:none; border:1.5px solid var(--gray3); color:var(--gray5); padding:10px; border-radius:var(--r); font-size:14px; font-weight:600; cursor:pointer; margin-top:8px; width:100%; transition:all .15s; }
.back-btn:hover { border-color:var(--gray5); color:var(--dark); }
.success-box { text-align:center; padding:40px 20px; }
.success-ic { font-size:64px; margin-bottom:16px; }
.success-box h2 { font-size:24px; font-weight:800; color:var(--dark); margin-bottom:8px; }
.success-box p { color:var(--gray5); margin-bottom:24px; }
.success-wa { display:inline-flex; align-items:center; gap:8px; background:#16a34a; color:white; padding:14px 28px; border-radius:var(--r); font-size:15px; font-weight:700; text-decoration:none; transition:background .15s; }
.success-wa:hover { background:#15803d; }
@media(max-width:480px) { .hiz-cards { grid-template-columns:1fr; } .saat-grid { grid-template-columns:repeat(3,1fr); } }

/* ══ STİCKY TELEFON BARI (Mobil) ══════════════════════════════ */
.sticky-call-bar {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 999;
  grid-template-columns: 1fr 1fr;
  height: 58px;
  box-shadow: 0 -4px 20px rgba(9,26,62,.35);
}
.scb-tel {
  background: linear-gradient(135deg,#091a3e,#1a3a6b);
  display: flex; align-items: center; justify-content: center;
  gap: 8px; color: #fff; text-decoration: none;
  font-size: 15px; font-weight: 800; letter-spacing: -.2px;
  border-right: 1px solid rgba(255,255,255,.15);
}
.scb-tel svg { width:18px;height:18px;fill:#fff;flex-shrink:0; }
.scb-wa {
  background: linear-gradient(135deg,#15803d,#16a34a);
  display: flex; align-items: center; justify-content: center;
  gap: 8px; color: #fff; text-decoration: none;
  font-size: 15px; font-weight: 800;
  animation: scb-pulse 2.5s ease-in-out infinite;
}
.scb-wa svg { width:18px;height:18px;fill:#fff;flex-shrink:0; }
@keyframes scb-pulse {
  0%,100% { background:linear-gradient(135deg,#15803d,#16a34a); }
  50% { background:linear-gradient(135deg,#166534,#15803d); box-shadow:0 -2px 0 0 rgba(22,163,74,.6); }
}

/* Floater butonları büyüt + pulse ──────────────── */
.fl-wa { animation: wa-pulse 2.8s ease-in-out infinite; }
@keyframes wa-pulse {
  0%,100% { box-shadow:0 4px 16px rgba(22,163,74,.5); }
  50% { box-shadow:0 4px 28px rgba(22,163,74,.8),0 0 0 8px rgba(22,163,74,.1); }
}
.fl { width:52px; height:52px; font-size:20px; }

/* Mobilde sticky bar göster */
@media(max-width:768px) {
  .sticky-call-bar { display: grid; }
  body { padding-bottom: 58px; }
  .floaters { bottom: 72px; }
}

/* ══ HEADER SLIDER ══════════════════════════════════════════════ */
.hero-slider {
  position: relative;
  overflow: hidden;
  background: var(--blue3);
}
.hs-track {
  display: flex;
  transition: transform .55s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
.hs-slide {
  min-width: 100%;
  padding: 56px 24px 48px;
  position: relative;
  overflow: hidden;
}
.hs-slide::before {
  content: '';
  position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");
  opacity: .6;
}
.hs-slide-inner {
  max-width: 1200px; margin: auto;
  display: grid; grid-template-columns: 1fr 360px;
  gap: 40px; align-items: center;
  position: relative; z-index: 1;
}
/* Slayt renkleri */
.hs-slide:nth-child(1) { background: linear-gradient(135deg,#091a3e 0%,#0f2559 45%,#1a3a6b 100%); }
.hs-slide:nth-child(2) { background: linear-gradient(135deg,#0c1f4a 0%,#162d6e 45%,#1e3d8f 100%); }
.hs-slide:nth-child(3) { background: linear-gradient(135deg,#050e22 0%,#0a1a40 45%,#0f2559 100%); }

/* Slayt içerik */
.hs-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.9); padding: 4px 12px; border-radius: 20px;
  font-size: 12px; font-weight: 600; margin-bottom: 14px;
}
.hs-badge::before { content: '●'; color: #4ade80; font-size: 8px; }
.hs-title {
  font-size: clamp(1.8rem,4vw,2.8rem); font-weight: 800;
  line-height: 1.1; color: #fff; margin-bottom: 14px;
}
.hs-title span { color: #93c5fd; display: block; }
.hs-desc {
  font-size: 15px; color: rgba(255,255,255,.82);
  line-height: 1.75; margin-bottom: 24px; max-width: 520px;
}
.hs-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.hs-btn1 {
  display: inline-flex; align-items: center; gap: 8px;
  background: #fff; color: var(--blue2);
  padding: 12px 22px; border-radius: var(--r);
  font-weight: 800; font-size: 15px;
  box-shadow: 0 4px 16px rgba(0,0,0,.2);
  text-decoration: none; transition: transform .15s,box-shadow .15s;
}
.hs-btn1:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.28); }
.hs-btn1 svg { width:16px;height:16px;fill:var(--blue2);flex-shrink:0; }
.hs-btn2 {
  display: inline-flex; align-items: center; gap: 8px;
  background: #16a34a; color: #fff;
  padding: 12px 22px; border-radius: var(--r);
  font-weight: 700; font-size: 15px; text-decoration: none;
  transition: background .15s;
}
.hs-btn2:hover { background: #15803d; }
.hs-btn2 svg { width:16px;height:16px;fill:#fff;flex-shrink:0; }

/* Sağ kart */
.hs-card {
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px; padding: 22px;
}
.hs-card-title {
  font-size: 13px; font-weight: 700;
  color: rgba(255,255,255,.7); text-transform: uppercase;
  letter-spacing: .08em; margin-bottom: 14px;
}
.hs-stat { display: flex; flex-direction: column; gap: 10px; }
.hs-stat-row {
  display: flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.08); border-radius: 8px;
  padding: 10px 14px;
}
.hs-stat-ic { font-size: 18px; flex-shrink: 0; }
.hs-stat-v  { font-size: 18px; font-weight: 800; color: #fff; line-height: 1; }
.hs-stat-l  { font-size: 12px; color: rgba(255,255,255,.65); margin-top: 2px; }

/* Kontroller */
.hs-dots {
  position: absolute; bottom: 14px; left: 50%;
  transform: translateX(-50%);
  display: flex; gap: 6px; z-index: 10;
}
.hs-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,.4); border: none; cursor: pointer;
  padding: 0; transition: all .25s;
}
.hs-dot.on {
  background: #fff; width: 22px; border-radius: 4px;
}
.hs-prev, .hs-next {
  position: absolute; top: 50%; transform: translateY(-50%);
  z-index: 10; background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.3); color: #fff;
  width: 40px; height: 40px; border-radius: 50%;
  font-size: 18px; cursor: pointer; display: flex;
  align-items: center; justify-content: center;
  transition: background .2s; backdrop-filter: blur(4px);
}
.hs-prev { left: 14px; }
.hs-next { right: 14px; }
.hs-prev:hover,.hs-next:hover { background: rgba(255,255,255,.28); }

/* Mobil slider */
@media(max-width:768px) {
  .hs-slide { padding: 36px 16px 42px; }
  .hs-slide-inner { grid-template-columns: 1fr; gap: 20px; }
  .hs-card { display: none; }
  .hs-title { font-size: clamp(1.5rem,6vw,2.2rem); }
  .hs-prev,.hs-next { width:34px;height:34px;font-size:14px; }
}