.elementor-17796 .elementor-element.elementor-element-87b3af6{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17796 .elementor-element.elementor-element-dee3c99 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17796 .elementor-element.elementor-element-a574c05{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17796 .elementor-element.elementor-element-772ac06 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 40px 0px;}.elementor-17796 .elementor-element.elementor-element-f6f4658{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17796 .elementor-element.elementor-element-a797145{width:100%;max-width:100%;}.elementor-17796 .elementor-element.elementor-element-a797145 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17796 .elementor-element.elementor-element-f6eeefd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17796 .elementor-element.elementor-element-47356f4{width:100%;max-width:100%;}.elementor-17796 .elementor-element.elementor-element-47356f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17796 .elementor-element.elementor-element-d18ad5a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17796 .elementor-element.elementor-element-fad0b2f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17796 .elementor-element.elementor-element-189c6ee{width:100%;max-width:100%;}.elementor-17796 .elementor-element.elementor-element-189c6ee > .elementor-widget-container{margin:-6px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8d3cec5 *//* ================================================
   YAMAN VİDANJÖR HEADER — GÜNCELLENMİŞ
   • Topbar: tüm metinler BEYAZ
   • Navbar: metinler KOYU LACİVERT
   • Butonlar: BEYAZ metin
   • Her şey bir tık büyük
   • Tam mobil uyumlu
   ================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --yv-navy:    #09192f;
  --yv-navy2:   #0e2347;
  --yv-blue:    #1450a3;
  --yv-sky:     #0ea5e9;
  --yv-teal:    #06b6d4;
  --yv-green:   #22c55e;
  --yv-white:   #ffffff;
  --yv-border:  rgba(255,255,255,0.1);
  --yv-f:       'Outfit', sans-serif;
  --yv-ease:    cubic-bezier(0.22,1,0.36,1);
  --yv-spring:  cubic-bezier(0.34,1.56,0.64,1);
  --yv-dur:     0.24s;
}

/* ── TOPBAR ── */
.yv-topbar {
  background: var(--yv-navy);
  border-bottom: 1px solid var(--yv-border);
  position: relative; z-index: 100; overflow: hidden;
}
.yv-topbar::before {
  content:''; position:absolute; inset:0;
  background: repeating-linear-gradient(90deg,transparent 0,transparent 80px,rgba(255,255,255,.015) 80px,rgba(255,255,255,.015) 81px);
  pointer-events:none;
}
.yv-topbar__inner {
  max-width:1340px; margin:0 auto; padding:0 28px;
  height:46px; display:flex; align-items:center; justify-content:space-between;
  gap:12px; position:relative; z-index:1;
}

/* Bölge linkleri — BEYAZ */
.yv-regions { display:flex; align-items:center; gap:2px; }
.yv-region {
  display:flex; align-items:center; gap:6px; padding:5px 11px; border-radius:6px;
  font-family:var(--yv-f); font-size:12px; font-weight:500;
  color:rgba(255,255,255,0.85);
  text-decoration:none; white-space:nowrap;
  transition:background var(--yv-dur),color var(--yv-dur),transform .2s var(--yv-spring);
}
.yv-region:hover { background:rgba(14,165,233,0.18); color:#fff; transform:translateY(-1px); }
.yv-region svg { flex-shrink:0; opacity:.75; transition:opacity .2s; }
.yv-region:hover svg { opacity:1; }
.yv-region-sep { width:1px; height:13px; background:rgba(255,255,255,0.15); margin:0 2px; }

/* Sağ */
.yv-topbar__right { display:flex; align-items:center; gap:4px; }

/* E-posta — BEYAZ */
.yv-tb-link {
  display:flex; align-items:center; gap:6px; padding:5px 11px; border-radius:6px;
  font-family:var(--yv-f); font-size:12px; font-weight:500;
  color:rgba(255,255,255,0.85);
  text-decoration:none; white-space:nowrap;
  transition:background var(--yv-dur),color var(--yv-dur);
}
.yv-tb-link:hover { background:rgba(255,255,255,0.09); color:#fff; }
.yv-tb-link svg { flex-shrink:0; opacity:.75; }
.yv-tb-link:hover svg { opacity:1; }

/* Telefon — BEYAZ */
.yv-tb-phone {
  display:flex; align-items:center; gap:7px; padding:6px 15px 6px 11px; border-radius:22px;
  background:rgba(14,165,233,0.15); border:1px solid rgba(14,165,233,0.35);
  font-family:var(--yv-f); font-size:12.5px; font-weight:700;
  color:#ffffff;
  text-decoration:none; white-space:nowrap;
  transition:background var(--yv-dur),transform .2s var(--yv-spring),box-shadow var(--yv-dur);
}
.yv-tb-phone:hover { background:rgba(14,165,233,0.28); transform:translateY(-1px); box-shadow:0 4px 16px rgba(14,165,233,0.28); }
.yv-phone-pulse { width:8px; height:8px; border-radius:50%; background:var(--yv-sky); flex-shrink:0; animation:yv-pulse 2s ease-in-out infinite; }
@keyframes yv-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.6)} 60%{box-shadow:0 0 0 6px rgba(14,165,233,0)} }

.yv-tb-sep { width:1px; height:18px; background:rgba(255,255,255,0.15); margin:0 8px; }

/* Sosyal — BEYAZ */
.yv-socials { display:flex; gap:3px; }
.yv-social {
  width:30px; height:30px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.82); text-decoration:none;
  transition:background var(--yv-dur),color var(--yv-dur),transform .2s var(--yv-spring);
}
.yv-social:hover { background:rgba(255,255,255,0.12); color:#fff; transform:scale(1.18) translateY(-1px); }

/* ── NAVBAR ── */
.yv-navbar {
  position:sticky; top:0; z-index:500;
  background:rgba(255,255,255,0.97);
  backdrop-filter:blur(24px) saturate(1.8);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);
  border-bottom:1.5px solid rgba(9,25,47,0.08);
  transition:box-shadow .3s,background .3s;
}
.yv-navbar.yv-scrolled { box-shadow:0 4px 30px rgba(9,25,47,0.11); }
.yv-navbar::after {
  content:''; position:absolute; bottom:-1px; left:0; right:0; height:2.5px;
  background:linear-gradient(90deg,var(--yv-sky),var(--yv-blue),var(--yv-teal));
  opacity:0; transition:opacity .3s;
}
.yv-navbar.yv-scrolled::after { opacity:1; }

.yv-navbar__inner {
  max-width:1340px; margin:0 auto; padding:0 28px;
  height:74px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}

/* LOGO */
.yv-logo { display:flex; align-items:center; text-decoration:none; flex-shrink:0; transition:transform .3s var(--yv-spring); }
.yv-logo:hover { transform:scale(1.03); }
.yv-logo img { height:52px; width:auto; display:block; filter:drop-shadow(0 2px 8px rgba(14,165,233,0.2)); transition:filter .3s; }
.yv-logo:hover img { filter:drop-shadow(0 4px 14px rgba(14,165,233,0.35)); }

/* NAV */
.yv-nav { display:flex; align-items:center; gap:2px; flex:1; justify-content:center; }
.yv-nav-item { position:relative; }

/* Nav linkleri — KOYU LACİVERT */
.yv-nav-link {
  display:flex; align-items:center; gap:7px; padding:9px 16px; border-radius:10px;
  font-family:var(--yv-f); font-size:14.5px; font-weight:700;
  color:#0b1d3a;
  text-decoration:none; white-space:nowrap;
  transition:color var(--yv-dur),background var(--yv-dur); position:relative;
}
.yv-nav-link:hover { color:#09192f; background:#eef4ff; }
.yv-nav-icon { width:28px; height:28px; border-radius:7px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .2s; }
.yv-nav-link:hover .yv-nav-icon { background:rgba(14,165,233,0.12); }

.yv-nav-link::after {
  content:''; position:absolute; bottom:4px; left:50%;
  transform:translateX(-50%) scaleX(0);
  width:calc(100% - 32px); height:2px;
  background:linear-gradient(90deg,var(--yv-sky),var(--yv-blue));
  border-radius:2px; transition:transform .28s var(--yv-ease);
}
.yv-nav-link:hover::after, .yv-nav-link.yv-active::after { transform:translateX(-50%) scaleX(1); }
.yv-nav-link.yv-active { color:#09192f; }

.yv-chevron { transition:transform .26s var(--yv-ease) !important; flex-shrink:0; }
.yv-nav-item:hover .yv-chevron { transform:rotate(180deg) !important; }

/* DROPDOWN */
.yv-dropdown {
  position:absolute; top:calc(100% + 10px); left:50%;
  transform:translateX(-50%) translateY(8px);
  min-width:250px; background:#fff;
  border-radius:16px; border:1.5px solid rgba(9,25,47,0.07);
  box-shadow:0 20px 60px rgba(9,25,47,0.13),0 4px 16px rgba(9,25,47,0.06);
  padding:8px; opacity:0; pointer-events:none;
  transition:opacity .22s var(--yv-ease),transform .24s var(--yv-ease); z-index:600;
}
.yv-dropdown::before {
  content:''; position:absolute; top:-6px; left:50%; transform:translateX(-50%);
  width:12px; height:6px; background:#fff; clip-path:polygon(50% 0%,0% 100%,100% 100%);
}
.yv-nav-item:hover .yv-dropdown { opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0); }

/* Dropdown item — KOYU LACİVERT */
.yv-drop-item {
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px;
  font-family:var(--yv-f); font-size:13px; font-weight:600;
  color:#0b1d3a;
  text-decoration:none; transition:background .16s,color .16s,transform .2s var(--yv-spring);
}
.yv-drop-item:hover { background:#eef4ff; color:#09192f; transform:translateX(4px); }
.yv-drop-ico { width:36px; height:36px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.yv-drop-divider { height:1px; background:rgba(9,25,47,0.06); margin:4px 0; }

/* ── CTA BUTONLAR — BEYAZ METİN ── */
.yv-cta { display:flex; align-items:center; gap:10px; flex-shrink:0; }

/* WhatsApp — BEYAZ */
.yv-btn-wa {
  display:flex; align-items:center; gap:8px; padding:11px 18px; border-radius:11px;
  background:#16a34a; border:none;
  font-family:var(--yv-f); font-size:13px; font-weight:700;
  color:#ffffff;
  text-decoration:none; white-space:nowrap;
  box-shadow:0 3px 12px rgba(22,163,74,0.3);
  transition:background var(--yv-dur),transform .2s var(--yv-spring),box-shadow var(--yv-dur);
}
.yv-btn-wa:hover { background:#15803d; transform:translateY(-2px); box-shadow:0 6px 18px rgba(22,163,74,0.38); }

/* Hemen Ara — BEYAZ */
.yv-btn-call {
  display:flex; align-items:center; gap:9px; padding:11px 22px; border-radius:11px;
  background:linear-gradient(135deg,var(--yv-navy) 0%,var(--yv-blue) 100%);
  font-family:var(--yv-f); font-size:13.5px; font-weight:800;
  color:#ffffff;
  text-decoration:none; white-space:nowrap;
  box-shadow:0 4px 18px rgba(9,25,47,0.3);
  transition:transform .2s var(--yv-spring),box-shadow var(--yv-dur);
  position:relative; overflow:hidden;
}
.yv-btn-call::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,0.13),transparent 60%); }
.yv-btn-call:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(9,25,47,0.4); }

.yv-live-dot { width:8px; height:8px; border-radius:50%; background:var(--yv-green); flex-shrink:0; animation:yv-live 2.2s ease-in-out infinite; }
@keyframes yv-live { 0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.6)} 60%{box-shadow:0 0 0 6px rgba(34,197,94,0)} }

/* ── HAMBURGER ── */
.yv-hamburger {
  display:none; flex-direction:column; justify-content:center; align-items:center; gap:5.5px;
  width:42px; height:42px; background:transparent; border:none; cursor:pointer;
  border-radius:10px; transition:background var(--yv-dur); flex-shrink:0;
}
.yv-hamburger:hover { background:#eef4ff; }
.yv-hamburger span { display:block; width:23px; height:2.5px; background:#0b1d3a; border-radius:2px; transition:transform .3s var(--yv-ease),opacity .2s,width .2s; }
.yv-hamburger.yv-open span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.yv-hamburger.yv-open span:nth-child(2) { opacity:0; width:0; }
.yv-hamburger.yv-open span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }

/* ── DRAWER ── */
.yv-drawer { position:fixed; inset:0; z-index:2000; pointer-events:none; }
.yv-drawer-overlay { position:absolute; inset:0; background:rgba(9,25,47,0.62); backdrop-filter:blur(4px); opacity:0; transition:opacity .32s; }
.yv-drawer-panel {
  position:absolute; top:0; right:0; width:min(380px,92vw); height:100%;
  background:#fff; overflow-y:auto; overscroll-behavior:contain;
  transform:translateX(110%); transition:transform .36s var(--yv-ease);
  display:flex; flex-direction:column; box-shadow:-20px 0 60px rgba(9,25,47,0.2);
}
.yv-drawer.yv-open { pointer-events:auto; }
.yv-drawer.yv-open .yv-drawer-overlay { opacity:1; }
.yv-drawer.yv-open .yv-drawer-panel { transform:translateX(0); }

.yv-drawer-stripe { height:3px; flex-shrink:0; background:linear-gradient(90deg,var(--yv-sky),var(--yv-blue),var(--yv-teal)); }
.yv-drawer-head { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1.5px solid rgba(9,25,47,0.07); flex-shrink:0; }
.yv-drawer-logo { display:flex; align-items:center; text-decoration:none; }
.yv-drawer-logo img { height:40px; width:auto; }
.yv-drawer-close { width:38px; height:38px; border-radius:10px; border:none; background:#f1f5f9; cursor:pointer; color:#0b1d3a; display:flex; align-items:center; justify-content:center; transition:background var(--yv-dur),transform .2s var(--yv-spring); }
.yv-drawer-close:hover { background:#e2e8f0; transform:scale(1.1); }

.yv-drawer-nav { flex:1; padding:12px; display:flex; flex-direction:column; gap:2px; }

/* Drawer linkleri — KOYU LACİVERT */
.yv-drawer-link {
  display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px;
  font-family:var(--yv-f); font-size:15px; font-weight:700;
  color:#0b1d3a;
  text-decoration:none; transition:background .16s,color .16s,transform .2s var(--yv-spring);
  border:none; background:transparent; cursor:pointer; width:100%;
}
.yv-drawer-link:hover { background:#eef4ff; color:#09192f; transform:translateX(3px); }
.yv-drawer-ico { width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.yv-drawer-label { flex:1; text-align:left; }
.yv-drawer-badge { font-size:9px; font-weight:800; padding:2px 7px; border-radius:20px; background:#fee2e2; color:#dc2626; }

.yv-drawer-sub { max-height:0; overflow:hidden; transition:max-height .32s var(--yv-ease); padding-left:22px; }
.yv-drawer-sub.yv-open { max-height:500px; }

/* Sub linkleri — KOYU LACİVERT */
.yv-drawer-sub-link {
  display:flex; align-items:center; gap:9px; padding:9px 14px; border-radius:9px;
  font-family:var(--yv-f); font-size:13px; font-weight:600;
  color:#1e3a55;
  text-decoration:none; transition:background .14s,color .14s;
}
.yv-drawer-sub-link:hover { background:#eef4ff; color:#09192f; }

.yv-drawer-regions { display:flex; flex-wrap:wrap; gap:7px; padding:14px 16px; border-top:1.5px solid rgba(9,25,47,0.07); }
.yv-drawer-region {
  display:flex; align-items:center; gap:5px; padding:6px 12px; border-radius:8px;
  background:#f1f5f9; font-family:var(--yv-f); font-size:12px; font-weight:700;
  color:#1e3a55;
  text-decoration:none; transition:background .14s,color .14s;
}
.yv-drawer-region:hover { background:#dbeafe; color:#09192f; }

/* Drawer footer butonlar — BEYAZ METİN */
.yv-drawer-foot { padding:14px 14px 26px; border-top:1.5px solid rgba(9,25,47,0.07); display:flex; flex-direction:column; gap:10px; flex-shrink:0; }
.yv-drawer-btn {
  display:flex; align-items:center; justify-content:center; gap:9px; padding:14px; border-radius:13px;
  font-family:var(--yv-f); font-size:14px; font-weight:800;
  color:#ffffff;
  text-decoration:none; transition:filter .2s,transform .2s var(--yv-spring);
}
.yv-drawer-btn:hover { transform:translateY(-2px); filter:brightness(1.1); }
.yv-drawer-btn-call { background:linear-gradient(135deg,var(--yv-navy),var(--yv-blue)); }
.yv-drawer-btn-wa   { background:linear-gradient(135deg,#16a34a,#15803d); }

/* ── ANİMASYONLAR ── */
.yv-topbar { animation:yv-slideDown .5s var(--yv-ease) both; }
.yv-navbar  { animation:yv-slideDown .52s var(--yv-ease) .06s both; }
@keyframes yv-slideDown { from{opacity:0;transform:translateY(-12px)} to{opacity:1;transform:none} }
.yv-nav-item { animation:yv-fadeUp .4s var(--yv-ease) both; }
.yv-nav-item:nth-child(1){animation-delay:.14s}
.yv-nav-item:nth-child(2){animation-delay:.19s}
.yv-nav-item:nth-child(3){animation-delay:.24s}
.yv-nav-item:nth-child(4){animation-delay:.29s}
.yv-nav-item:nth-child(5){animation-delay:.34s}
@keyframes yv-fadeUp { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:none} }

/* ── RESPONSİVE ── */
@media (max-width:1100px) {
  .yv-nav, .yv-cta { display:none; }
  .yv-hamburger { display:flex; }
}
@media (max-width:768px) {
  .yv-topbar .yv-regions .yv-region:nth-child(n+6),
  .yv-topbar .yv-regions .yv-region-sep:nth-child(n+10) { display:none; }
}
@media (max-width:640px) {
  .yv-topbar .yv-regions { display:none; }
  .yv-tb-link { display:none; }
  .yv-tb-phone { font-size:12px; padding:5px 12px 5px 9px; }
  .yv-topbar__inner { padding:0 16px; height:42px; }
  .yv-navbar__inner { padding:0 16px; height:62px; }
  .yv-logo img { height:42px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* ══════════════════════════════
   ELEMENTOR OVERRIDE — Turuncu engelle
   Tüm renkler !important ile zorla
══════════════════════════════ */

/* Topbar metinler — BEYAZ zorla */
.yv-topbar a,
.yv-topbar span,
.yv-topbar .yv-region,
.yv-topbar .yv-tb-link,
.yv-topbar .yv-social {
  color: rgba(255,255,255,0.85) !important;
}
.yv-topbar .yv-tb-phone {
  color: #ffffff !important;
}
.yv-topbar a:hover,
.yv-topbar .yv-region:hover,
.yv-topbar .yv-tb-link:hover,
.yv-topbar .yv-social:hover {
  color: #ffffff !important;
}

/* Navbar nav linkleri — KOYU LACİVERT zorla */
.yv-navbar .yv-nav-link,
.yv-navbar .yv-nav-link span,
.yv-nav .yv-nav-link {
  color: #0b1d3a !important;
}
.yv-navbar .yv-nav-link:hover {
  color: #09192f !important;
}

/* Dropdown linkleri — KOYU LACİVERT zorla */
.yv-dropdown .yv-drop-item,
.yv-dropdown a {
  color: #0b1d3a !important;
}
.yv-dropdown .yv-drop-item:hover {
  color: #09192f !important;
}

/* WhatsApp butonu — BEYAZ zorla */
.yv-btn-wa,
.yv-btn-wa span,
.yv-btn-wa svg {
  color: #ffffff !important;
}

/* Hemen Ara butonu — BEYAZ zorla */
.yv-btn-call,
.yv-btn-call span {
  color: #ffffff !important;
}

/* Drawer linkleri — KOYU LACİVERT zorla */
.yv-drawer-link,
.yv-drawer-link span,
.yv-drawer-sub-link {
  color: #0b1d3a !important;
}
.yv-drawer-btn {
  color: #ffffff !important;
}

/* Global: yv- prefix'li her a tag'ı */
a.yv-region, a.yv-tb-link, a.yv-social,
a.yv-nav-link, a.yv-drop-item,
a.yv-drawer-link, a.yv-drawer-sub-link,
a.yv-drawer-region {
  text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dee3c99 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --v5-bg:      #060d26;
  --v5-dark:    #07102e;
  --v5-w:       #ffffff;
  --v5-w90:     rgba(255,255,255,0.90);
  --v5-w70:     rgba(255,255,255,0.70);
  --v5-w45:     rgba(255,255,255,0.45);
  --v5-w20:     rgba(255,255,255,0.20);
  --v5-w12:     rgba(255,255,255,0.12);
  --v5-w07:     rgba(255,255,255,0.07);
  --v5-w04:     rgba(255,255,255,0.04);
  --v5-green:   #4ade80;
  --v5-green10: rgba(74,222,128,0.10);
  --v5-card:    rgba(6,13,38,0.90);
  --v5-disp:    'Montserrat', sans-serif;
  --v5-body:    'Inter', sans-serif;
  --v5-r:       18px;
  --v5-r-sm:    12px;
  --v5-ease:    cubic-bezier(0.22, 1, 0.36, 1);
}

.ov5, .ov5 * { box-sizing: border-box; margin: 0; padding: 0; }

.ov5 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--v5-body);
  color: var(--v5-w);
  overflow: hidden;
  background: var(--v5-bg);
}

/* ── ARKA PLAN ── */
.ov5-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }

.ov5-bg__img {
  position: absolute; inset: 0;
  background: url('https://xn--yamanvidanjr-fjb.com/wp-content/uploads/2026/02/1-2.jpg')
    center 40% / cover no-repeat;
  animation: v5Drift 18s ease-in-out infinite alternate;
}
@keyframes v5Drift {
  from { transform: scale(1.00) translateX(0); }
  to   { transform: scale(1.04) translateX(-10px); }
}

/* ── KOYU LACSİVERT GRADIENT — görsel neredeyse tamamen örtülür ── */
.ov5-bg__dark {
  position: absolute; inset: 0;
  background: linear-gradient(
    105deg,
    rgba(5,10,30,0.99)  0%,
    rgba(6,12,36,0.97)  28%,
    rgba(7,14,42,0.93)  48%,
    rgba(7,14,42,0.80)  65%,
    rgba(7,14,42,0.45)  82%,
    rgba(7,14,42,0.10) 100%
  );
}

.ov5-bg__vignette {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 100% 55% at 50% 100%, rgba(5,10,30,0.95), transparent),
    radial-gradient(ellipse 55% 65% at 0% 50%,    rgba(5,10,30,0.70), transparent);
}

.ov5-bg__lines {
  position: absolute; inset: 0;
  background-image: repeating-linear-gradient(
    0deg, transparent, transparent 3px,
    rgba(255,255,255,0.008) 3px, rgba(255,255,255,0.008) 4px
  );
}

/* ── YAN YAZI ── */
.ov5-edge {
  display: none;
  position: absolute;
  left: 18px; top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
  font-family: var(--v5-body);
  font-size: 9px; font-weight: 600;
  letter-spacing: 4px; text-transform: uppercase;
  color: var(--v5-w20); white-space: nowrap;
  z-index: 10; user-select: none;
}

/* ── ANA GRID ── */
.ov5-wrap {
  position: relative; z-index: 5; flex: 1;
  width: min(1240px, 92%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  padding: 70px 0 50px;
  align-items: center;
}

/* ── ROZET ── */
.ov5-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px 6px 9px;
  border-radius: 999px;
  background: var(--v5-w04);
  border: 1px solid var(--v5-w20);
  backdrop-filter: blur(12px);
  font-family: var(--v5-body);
  font-size: 12px; font-weight: 500;
  color: var(--v5-w90);
  margin-bottom: 24px;
  animation: v5Up 0.5s var(--v5-ease) both;
  letter-spacing: 0.2px;
}
.ov5-badge__dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--v5-green);
  flex-shrink: 0;
  animation: v5Pulse 2.5s ease-in-out infinite;
}
@keyframes v5Pulse {
  0%,100% { box-shadow: 0 0 0 0   rgba(74,222,128,0.6); }
  60%     { box-shadow: 0 0 0 7px rgba(74,222,128,0.0); }
}

/* ── BAŞLIK ── */
.ov5-title {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-bottom: 20px;
  animation: v5Up 0.6s var(--v5-ease) 0.07s both;
}
.ov5-title__line1 {
  display: block;
  font-family: var(--v5-disp);
  font-size: clamp(36px, 6.5vw, 68px);
  font-weight: 900;
  line-height: 1.0;
  letter-spacing: -1.5px;
  color: var(--v5-w);
  text-transform: uppercase;
}
.ov5-title__line2 {
  display: block;
  font-family: var(--v5-disp);
  font-size: clamp(26px, 4.5vw, 48px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 2px;
  color: var(--v5-w70);
  text-transform: uppercase;
}

/* ── AÇIKLAMA ── */
.ov5-desc {
  font-size: clamp(14px, 1.4vw, 15.5px);
  line-height: 1.78;
  color: var(--v5-w45);
  max-width: 500px;
  margin-bottom: 20px;
  animation: v5Up 0.6s var(--v5-ease) 0.14s both;
}
.ov5-desc strong { color: var(--v5-w); font-weight: 600; }

/* ── ÖZELLİK LİSTESİ ── */
.ov5-feats {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-bottom: 30px;
  animation: v5Up 0.6s var(--v5-ease) 0.18s both;
}
.ov5-feats li {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: var(--v5-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--v5-w70);
}
.ov5-feats li svg {
  width: 15px; height: 15px;
  stroke: var(--v5-green);
  flex-shrink: 0;
}

/* ── BUTONLAR ── */
.ov5-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 36px;
  animation: v5Up 0.6s var(--v5-ease) 0.22s both;
}
.ov5-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0 22px 0 6px;
  height: 54px;
  border-radius: 14px;
  text-decoration: none;
  font-family: var(--v5-body);
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  transition: transform 0.22s var(--v5-ease), box-shadow 0.22s var(--v5-ease);
}
.ov5-btn:hover { transform: translateY(-3px); }

.ov5-btn__ico {
  display: flex; align-items: center; justify-content: center;
  width: 42px; height: 42px;
  border-radius: 10px;
  flex-shrink: 0;
}
.ov5-btn__ico svg { width: 18px; height: 18px; }

.ov5-btn__txt { display: flex; flex-direction: column; gap: 1px; }
.ov5-btn__txt small {
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.8px; text-transform: uppercase; line-height: 1;
}
.ov5-btn__txt strong { font-size: 15px; font-weight: 700; line-height: 1.15; display: block; }

.ov5-btn--primary {
  background: #ffffff;
  border-color: rgba(255,255,255,0.90);
  box-shadow: 0 4px 20px rgba(255,255,255,0.12), 0 2px 8px rgba(0,0,0,0.30);
  color: #04080f;
}
.ov5-btn--primary .ov5-btn__ico { background: rgba(4,8,15,0.08); }
.ov5-btn--primary .ov5-btn__ico svg { stroke: #04080f; fill: none; }
.ov5-btn--primary .ov5-btn__txt small  { color: rgba(4,8,15,0.55); }
.ov5-btn--primary .ov5-btn__txt strong { color: #04080f; }
.ov5-btn--primary:hover {
  background: #f0f6ff;
  box-shadow: 0 8px 32px rgba(255,255,255,0.18), 0 4px 12px rgba(0,0,0,0.35);
}

.ov5-btn--secondary {
  background: rgba(5,10,30,0.80);
  border-color: rgba(74,222,128,0.35);
  backdrop-filter: blur(12px);
  color: var(--v5-w);
  box-shadow: 0 4px 20px rgba(74,222,128,0.08), 0 2px 8px rgba(0,0,0,0.30);
}
.ov5-btn--secondary .ov5-btn__ico {
  background: rgba(74,222,128,0.12);
  border: 1px solid rgba(74,222,128,0.20);
}
.ov5-btn--secondary .ov5-btn__ico svg { fill: var(--v5-green); }
.ov5-btn--secondary .ov5-btn__txt small  { color: var(--v5-green); opacity: 0.80; }
.ov5-btn--secondary .ov5-btn__txt strong { color: var(--v5-w); }
.ov5-btn--secondary:hover {
  background: rgba(5,10,30,0.95);
  border-color: rgba(74,222,128,0.55);
  box-shadow: 0 8px 28px rgba(74,222,128,0.14), 0 4px 12px rgba(0,0,0,0.35);
}

/* ── İSTATİSTİKLER ── */
.ov5-stats {
  display: flex; align-items: center; gap: 20px;
  animation: v5Up 0.6s var(--v5-ease) 0.30s both;
}
.ov5-stat      { display: flex; flex-direction: column; gap: 3px; }
.ov5-stat__n   { font-family: var(--v5-disp); font-size: 28px; font-weight: 800; color: var(--v5-w); line-height: 1; letter-spacing: -0.5px; }
.ov5-stat__l   { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--v5-w45); }
.ov5-stat__sep { width: 1px; height: 32px; background: var(--v5-w12); flex-shrink: 0; }

/* ── GÖRSEL ── */
.ov5-visual {
  position: relative;
  display: flex; justify-content: center;
  animation: v5Up 0.75s var(--v5-ease) 0.12s both;
}
.ov5-frame {
  position: relative;
  width: 100%; max-width: 560px;
  border-radius: var(--v5-r);
  overflow: visible;
}
.ov5-frame img {
  width: 100%; height: auto;
  aspect-ratio: 4/3; object-fit: cover;
  display: block;
  border-radius: var(--v5-r);
  border: 1px solid var(--v5-w12);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.05), 0 28px 70px rgba(0,0,0,0.65);
  transition: transform 8s ease;
}
.ov5-frame:hover img { transform: scale(1.025); }

.ov5-frame__c {
  position: absolute;
  width: 28px; height: 28px;
  border-style: solid;
  border-color: rgba(255,255,255,0.45);
  z-index: 2;
  transition: border-color 0.3s;
}
.ov5-frame:hover .ov5-frame__c { border-color: rgba(255,255,255,0.75); }
.ov5-frame__c--tl { top: -5px;    left: -5px;   border-width: 2px 0 0 2px; border-radius: 4px 0 0 0; }
.ov5-frame__c--tr { top: -5px;    right: -5px;  border-width: 2px 2px 0 0; border-radius: 0 4px 0 0; }
.ov5-frame__c--bl { bottom: -5px; left: -5px;   border-width: 0 0 2px 2px; border-radius: 0 0 0 4px; }
.ov5-frame__c--br { bottom: -5px; right: -5px;  border-width: 0 2px 2px 0; border-radius: 0 0 4px 0; }

/* ── BÜYÜKŞEHIR ROZET ── */
.ov5-seal {
  position: absolute;
  bottom: -14px; right: -14px;
  z-index: 8;
  display: flex; align-items: center; justify-content: center;
}
.ov5-seal__ring {
  position: absolute; inset: -12px;
  border-radius: 16px;
  border: 2px solid rgba(74,222,128,0.25);
  animation: v5SealPing 2.4s ease-out infinite;
}
.ov5-seal__ring--2 {
  inset: -22px;
  border-color: rgba(74,222,128,0.12);
  animation-delay: 0.6s;
}
@keyframes v5SealPing {
  0%   { transform: scale(1);    opacity: 1; }
  70%  { transform: scale(1.06); opacity: 0.4; }
  100% { transform: scale(1.10); opacity: 0; }
}
.ov5-seal__body {
  position: relative; z-index: 2;
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px;
  border-radius: 14px;
  background: rgba(5,10,30,0.92);
  border: 1px solid rgba(74,222,128,0.30);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.55), 0 0 0 1px rgba(74,222,128,0.10);
  animation: v5Float 4s ease-in-out infinite alternate;
}
@keyframes v5Float {
  from { transform: translateY(0); }
  to   { transform: translateY(-7px); }
}
.ov5-seal__ico {
  width: 38px; height: 38px;
  border-radius: 10px;
  background: var(--v5-green10);
  border: 1px solid rgba(74,222,128,0.25);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  animation: v5SealIco 3s ease-in-out infinite alternate;
}
@keyframes v5SealIco {
  from { box-shadow: 0 0 0 0      rgba(74,222,128,0.0); }
  to   { box-shadow: 0 0 14px 2px rgba(74,222,128,0.25); }
}
.ov5-seal__ico svg { width: 18px; height: 18px; stroke: var(--v5-green); }
.ov5-seal__txt { display: flex; flex-direction: column; gap: 2px; }
.ov5-seal__txt strong { font-size: 12px; font-weight: 700; color: var(--v5-w); display: block; line-height: 1.2; white-space: nowrap; }
.ov5-seal__txt span   { font-size: 10.5px; color: var(--v5-w45); display: block; }
.ov5-seal__glow {
  position: absolute; inset: -4px;
  border-radius: 18px;
  background: radial-gradient(ellipse at 50% 100%, rgba(74,222,128,0.15), transparent 70%);
  pointer-events: none; z-index: 0;
}

/* ── TICKER ── */
.ov5-ticker {
  position: relative; z-index: 5;
  width: 100%;
  border-top: 1px solid var(--v5-w12);
  background: rgba(5,10,30,0.88);
  backdrop-filter: blur(10px);
  padding: 13px 0; overflow: hidden; flex-shrink: 0;
}
.ov5-ticker::before,
.ov5-ticker::after {
  content: '';
  position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none;
}
.ov5-ticker::before { left: 0;  background: linear-gradient(90deg,  rgba(5,10,30,0.95), transparent); }
.ov5-ticker::after  { right: 0; background: linear-gradient(-90deg, rgba(5,10,30,0.95), transparent); }

.ov5-ticker__track {
  display: flex; align-items: center;
  white-space: nowrap;
  animation: v5Scroll 32s linear infinite;
}
.ov5-ticker__track span {
  font-family: var(--v5-body);
  font-size: 11px; font-weight: 600;
  letter-spacing: 1px; text-transform: uppercase;
  padding: 0 18px; color: var(--v5-w45);
}
.ov5-ticker__track b { color: var(--v5-w20); font-weight: 400; font-size: 13px; }
.ov5-ticker__track span:nth-child(5n+1) { color: var(--v5-w70); }

@keyframes v5Scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes v5Up {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── RESPONSIVE ── */
@media (max-width: 480px) {
  .ov5-wrap  { padding: 56px 0 38px; gap: 32px; }
  .ov5-cta   { flex-direction: column; }
  .ov5-btn   { width: 100%; }
  .ov5-stats { gap: 12px; }
  .ov5-stat__n { font-size: 22px; }
  .ov5-seal    { bottom: 8px; right: 8px; }
  .ov5-seal__body { padding: 9px 12px; gap: 8px; }
  .ov5-seal__ico  { width: 32px; height: 32px; }
}
@media (min-width: 640px) {
  .ov5-wrap { padding: 88px 0 56px; }
}
@media (min-width: 980px) {
  .ov5-edge { display: block; }
  .ov5-wrap {
    grid-template-columns: 1.08fr 0.92fr;
    gap: 60px;
    padding: 108px 0 68px;
  }
  .ov5-content { order: 1; }
  .ov5-visual  { order: 2; }
  .ov5-seal    { bottom: -18px; right: -18px; }
}
@media (min-width: 1280px) {
  .ov5-wrap { grid-template-columns: 1.1fr 0.9fr; gap: 76px; }
}

.elementor-widget-html .ov5 { width: 100% !important; }
.elementor-section           { overflow: visible !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-772ac06 *//* ============================================================
   NEDEN YAMAN VİDANJÖR — CSS v6
   Yatay kompakt · 3D ikonlar · Koyu mavi butonlar beyaz metin
   ============================================================ */

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

.ny, .ny *, .ny *::before, .ny *::after {
  box-sizing: border-box;
  margin: 0; padding: 0;
  font-family: 'Montserrat', sans-serif;
}

/* ── DEĞİŞKENLER ── */
.ny {
  --navy:   #0b1d3a;
  --navy2:  #122040;
  --navy3:  #1a3266;
  --white:  #ffffff;
  --off:    #f4f7fc;
  --text:   #0d1b2e;
  --muted:  #5a6b82;
  --border: rgba(11,29,58,0.09);
  --ease:   cubic-bezier(0.22,1,0.36,1);
  --spring: cubic-bezier(0.34,1.56,0.64,1);
}

/* ── SECTION ── */
.ny {
  position: relative;
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}

/* ── ARKA PLAN ── */
.ny-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }

.ny-bg__grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(11,29,58,.042) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,29,58,.042) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, black 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, black 20%, transparent 100%);
}

.ny-bg__blob {
  position: absolute; border-radius: 50%;
  filter: blur(120px); opacity: .055;
  background: var(--navy);
}
.ny-bg__blob--a { width:600px; height:600px; top:-200px; left:-120px; }
.ny-bg__blob--b { width:480px; height:480px; bottom:-180px; right:-100px; }

/* ── WRAP ── */
.ny-wrap {
  position: relative; z-index: 1;
  width: min(1220px, 92%);
  margin: 0 auto;
  padding: 60px 0 52px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

/* ══════════════════════════════════════
   ÜST SATIR: Başlık (sol) + Görsel (sağ)
══════════════════════════════════════ */
.ny-top {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;

  opacity: 0;
  transform: translateY(24px);
  transition: opacity .65s var(--ease), transform .65s var(--ease);
}
.ny-top.ny--vis { opacity: 1; transform: translateY(0); }

/* ── SOL: BAŞLIK BLOĞU ── */
.ny-hero { display: flex; flex-direction: column; }

/* eyebrow */
.ny-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 5px 14px 5px 9px;
  border-radius: 999px;
  border: 1.5px solid var(--border);
  background: var(--off);
  font-size: 10px; font-weight: 800;
  letter-spacing: 1.6px; text-transform: uppercase;
  color: var(--navy);
  margin-bottom: 16px; width: fit-content;
}
.ny-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #22c55e; flex-shrink: 0;
  animation: nyPulse 2.2s ease-in-out infinite;
}
@keyframes nyPulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.55); }
  60%     { box-shadow: 0 0 0 8px rgba(34,197,94,0); }
}

/* h2 */
.ny-h2 {
  display: flex; flex-direction: column;
  gap: 0; margin-bottom: 14px;
}
.ny-h2__line1 {
  font-size: clamp(13px,1.6vw,18px);
  font-weight: 300; color: var(--muted);
  letter-spacing: .3px; line-height: 1.4;
}
.ny-h2__line2 {
  font-size: clamp(26px,3.8vw,48px);
  font-weight: 900; color: var(--text);
  letter-spacing: -1.5px; line-height: 1.0;
}
.ny-h2__line3 {
  font-size: clamp(24px,3.4vw,44px);
  font-weight: 900; color: var(--navy);
  letter-spacing: -1.2px; line-height: 1.0;
}
.ny-h2__line3 em {
  font-style: normal;
  position: relative; display: inline-block;
}
.ny-h2__line3 em::after {
  content: '';
  position: absolute; bottom: -3px; left: 0;
  width: 100%; height: 4px;
  background: linear-gradient(90deg, var(--navy), #3b82f6 65%, transparent);
  border-radius: 2px;
  transform: scaleX(0); transform-origin: left;
  transition: transform .8s var(--ease) .45s;
}
.ny-top.ny--vis .ny-h2__line3 em::after { transform: scaleX(1); }

/* lead */
.ny-lead {
  font-size: clamp(12.5px,1.1vw,14px);
  font-weight: 500; line-height: 1.78;
  color: var(--muted); max-width: 480px;
  margin-bottom: 20px;
}
.ny-lead strong { color: var(--text); font-weight: 700; }

/* istatistikler */
.ny-stats {
  display: flex; align-items: center;
  gap: 0; margin-bottom: 22px;
  padding: 14px 20px;
  background: var(--off);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  width: fit-content;
}
.ny-stat {
  display: flex; flex-direction: column;
  align-items: center; gap: 3px;
  padding: 0 18px;
}
.ny-stat strong {
  font-size: 22px; font-weight: 900;
  color: var(--navy); line-height: 1; letter-spacing: -.5px;
}
.ny-stat span {
  font-size: 9px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .7px;
  color: var(--muted);
}
.ny-stat__sep { width:1px; height:28px; background:var(--border); flex-shrink:0; }

/* CTA butonlar */
.ny-cta { display: flex; flex-wrap: wrap; gap: 10px; }

.ny-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 22px;
  border-radius: 12px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px; font-weight: 800;
  text-decoration: none; cursor: pointer; border: none;
  white-space: nowrap; letter-spacing: .15px;
  color: #ffffff !important;
  position: relative; overflow: hidden;
  transition: transform .22s var(--spring), box-shadow .22s, filter .22s;
}
.ny-btn::after {
  content: ''; position: absolute; inset: 0;
  background: rgba(255,255,255,.1); opacity: 0;
  transition: opacity .2s;
}
.ny-btn:hover::after { opacity: 1; }
.ny-btn:hover { transform: translateY(-2px); }
.ny-btn svg { flex-shrink: 0; }

/* Koyu lacivert arama butonu */
.ny-btn--call {
  background: linear-gradient(135deg, #0b1d3a 0%, #1a3266 100%);
  box-shadow: 0 4px 20px rgba(11,29,58,.32);
}
.ny-btn--call svg { stroke: #ffffff; fill: none; }
.ny-btn--call:hover { box-shadow: 0 8px 32px rgba(11,29,58,.44); filter: brightness(1.12); }

/* WhatsApp */
.ny-btn--wa {
  background: linear-gradient(135deg, #15803d 0%, #166534 100%);
  box-shadow: 0 4px 20px rgba(21,128,61,.28);
}
.ny-btn--wa svg { fill: #ffffff; }
.ny-btn--wa:hover { box-shadow: 0 8px 30px rgba(21,128,61,.4); filter: brightness(1.1); }

/* ── SAĞ: GÖRSEL ── */
.ny-visual { position: relative; }

.ny-photo-wrap {
  position: relative;
  border-radius: 20px;
  box-shadow:
    0 0 0 4px var(--navy),
    0 8px 16px rgba(11,29,58,.1),
    0 28px 70px rgba(11,29,58,.2);
}

/* Köşe süsleri */
.ny-corner {
  position: absolute; width: 26px; height: 26px;
  border-style: solid; border-color: rgba(255,255,255,.6);
  z-index: 4; transition: border-color .3s;
}
.ny-photo-wrap:hover .ny-corner { border-color: rgba(255,255,255,.95); }
.ny-corner--tl { top:-6px;    left:-6px;   border-width:2px 0 0 2px; border-radius:4px 0 0 0; }
.ny-corner--tr { top:-6px;    right:-6px;  border-width:2px 2px 0 0; border-radius:0 4px 0 0; }
.ny-corner--bl { bottom:-6px; left:-6px;   border-width:0 0 2px 2px; border-radius:0 0 0 4px; }
.ny-corner--br { bottom:-6px; right:-6px;  border-width:0 2px 2px 0; border-radius:0 0 4px 0; }

.ny-photo-inner {
  border-radius: 17px;
  overflow: hidden;
}
.ny-photo-inner img {
  width: 100%; display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: transform 9s var(--ease);
}
.ny-photo-wrap:hover .ny-photo-inner img { transform: scale(1.04); }

/* 7/24 badge */
.ny-badge {
  position: absolute; top:14px; right:14px; z-index:5;
  display: flex; align-items: center; gap: 9px;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(14px);
  border-radius: 12px; padding: 9px 14px;
  box-shadow: 0 4px 20px rgba(11,29,58,.22);
  border: 1px solid rgba(255,255,255,.8);
  animation: nyBadge .6s var(--spring) .9s both;
}
@keyframes nyBadge {
  from { opacity:0; transform:scale(.72) translateY(-8px); }
  to   { opacity:1; transform:scale(1) translateY(0); }
}
.ny-badge__ico {
  width:34px; height:34px; border-radius:9px;
  background: linear-gradient(135deg,#dbeafe,#eff6ff);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.ny-badge strong { display:block; font-size:17px; font-weight:900; color:var(--navy); line-height:1; }
.ny-badge span   { display:block; font-size:8.5px; font-weight:800; color:var(--muted); text-transform:uppercase; letter-spacing:.7px; }

/* Muğla seal */
.ny-seal {
  position: absolute; bottom:14px; left:14px; z-index:5;
  display:flex; align-items:center; gap:7px;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(14px);
  border-radius: 10px; padding: 8px 12px;
  box-shadow: 0 4px 18px rgba(11,29,58,.18);
  font-size: 10.5px; font-weight: 800; color: var(--navy);
  animation: nyBadge .6s var(--spring) 1.05s both;
}

/* ══════════════════════════════════════
   ALT SATIR: 5 özellik kartı — tam yatay
══════════════════════════════════════ */
.ny-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;

  opacity: 0; transform: translateY(22px);
  transition: opacity .6s var(--ease) .18s, transform .6s var(--ease) .18s;
}
.ny-cards.ny--vis { opacity:1; transform:translateY(0); }

/* tek kart */
.ny-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 16px;
  background: var(--off);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  cursor: default;

  opacity: 0; transform: translateY(14px);
  transition:
    opacity .45s var(--ease),
    transform .45s var(--ease),
    background .2s, border-color .2s, box-shadow .2s;
}
.ny-card:nth-child(1) { transition-delay:.10s; }
.ny-card:nth-child(2) { transition-delay:.18s; }
.ny-card:nth-child(3) { transition-delay:.26s; }
.ny-card:nth-child(4) { transition-delay:.34s; }
.ny-card:nth-child(5) { transition-delay:.42s; }
.ny-cards.ny--vis .ny-card { opacity:1; transform:translateY(0); }

.ny-card:hover {
  background: #ffffff;
  border-color: rgba(11,29,58,.16);
  box-shadow: 0 6px 22px rgba(11,29,58,.09);
  transform: translateY(-2px) !important;
}

/* İkon kutusu */
.ny-card__ico {
  width: 44px; height: 44px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: transform .28s var(--spring);
}
.ny-card:hover .ny-card__ico { transform: scale(1.14) rotate(-6deg); }

.ico-y { background:linear-gradient(145deg,#fef9e7,#fef3c7); box-shadow:0 3px 12px rgba(245,158,11,.22),inset 0 1px 0 rgba(255,255,255,.9); }
.ico-g { background:linear-gradient(145deg,#f0fdf4,#dcfce7); box-shadow:0 3px 12px rgba(22,163,74,.18),inset 0 1px 0 rgba(255,255,255,.9); }
.ico-p { background:linear-gradient(145deg,#faf5ff,#ede9fe); box-shadow:0 3px 12px rgba(124,58,237,.18),inset 0 1px 0 rgba(255,255,255,.9); }
.ico-b { background:linear-gradient(145deg,#eff6ff,#dbeafe); box-shadow:0 3px 12px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.9); }
.ico-r { background:linear-gradient(145deg,#fff1f2,#ffe4e6); box-shadow:0 3px 12px rgba(225,29,72,.14),inset 0 1px 0 rgba(255,255,255,.9); }

.ny-card strong {
  display: block;
  font-size: 13px; font-weight: 800;
  color: var(--text); line-height: 1.2; margin-bottom: 3px;
}
.ny-card span {
  font-size: 11.5px; font-weight: 500;
  color: var(--muted); line-height: 1.55;
}
.ny-card em { font-style:normal; font-weight:700; color:var(--text); }

/* ── BÖLGE BANDI ── */
.ny-region {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 10px 16px;
  background: var(--off);
  border: 1.5px solid var(--border);
  border-radius: 12px;
  font-size: 11px; font-weight: 600; color: var(--muted);

  opacity: 0; transform: translateY(12px);
  transition: opacity .5s var(--ease) .3s, transform .5s var(--ease) .3s;
}
.ny-region.ny--vis { opacity:1; transform:translateY(0); }
.ny-region svg { stroke: var(--navy); flex-shrink:0; }
.ny-region b { color: var(--navy); }

/* ══════════════════════════════════════
   RESPONSİVE
══════════════════════════════════════ */

/* Masaüstü: üst satır iki kolon */
@media (min-width: 900px) {
  .ny-wrap { padding: 64px 0 56px; gap: 32px; }
  .ny-top  { grid-template-columns: 1fr 1fr; gap: 56px; }
  .ny-photo-inner img { aspect-ratio: 16/9; }
}

/* Geniş: 5 kart tek satırda */
@media (min-width: 900px) {
  .ny-cards { grid-template-columns: repeat(5, 1fr); gap: 10px; }
  .ny-card  { flex-direction: column; align-items: flex-start; }
}

@media (min-width: 1280px) {
  .ny-top { gap: 72px; }
}

/* Tablet */
@media (max-width: 899px) and (min-width: 600px) {
  .ny-cards { grid-template-columns: repeat(3, 1fr); }
}

/* Mobil */
@media (max-width: 599px) {
  .ny-wrap  { padding: 44px 0 48px; gap: 28px; }
  .ny-stats { flex-wrap: wrap; gap: 8px; padding: 12px; }
  .ny-stat  { padding: 0 10px; }
  .ny-cta   { flex-direction: column; }
  .ny-btn   { width: 100%; justify-content: center; }
  .ny-cards { grid-template-columns: 1fr 1fr; }
  .ny-h2__line2 { letter-spacing: -1px; }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .ny-top,.ny-cards,.ny-card,.ny-region { opacity:1!important; transform:none!important; transition:none!important; }
  .ny-badge { animation:none; opacity:1; }
  .ny-dot { animation:none; }
  .ny-h2__line3 em::after { transform:scaleX(1)!important; }
}

/* Elementor uyumu */
.elementor-widget-html .ny { width: 100% !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a797145 *//* ============================================================
   HİZMETLERİMİZ — CSS v4
   Arka plan  : animasyonlu kareli canvas
   Başlık     : kutu yok, sadece beyaz bold metin
   Marquee    : cam/glass efekt
   Namespace  : .whz-
   ============================================================ */

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

*,.whz *,
.whz *::before,
.whz *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy:    #050e1d;
  --navy2:   #0a1f3a;
  --teal:    #0d3d4a;
  --white:   #ffffff;
  --txt:     #0f172a;
  --muted:   #475569;
  --ease:    cubic-bezier(0.22,1,0.36,1);
  --spring:  cubic-bezier(0.34,1.56,0.64,1);
}

/* ============================================================
   SECTION
   ============================================================ */
.whz {
  position: relative;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  overflow: hidden;
  background: linear-gradient(150deg, #050e1d 0%, #0a1628 55%, #0b2a3a 100%);
}

/* ── Animasyonlu canvas arka plan ── */
.whz-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }

.whz-canvas {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  opacity: 0.35;
}

/* Işık lekeleri */
.whz-bg__glow { position: absolute; border-radius: 50%; filter: blur(140px); pointer-events: none; }
.whz-bg__glow--1 {
  width: 900px; height: 500px;
  background: radial-gradient(ellipse, rgba(13,148,136,0.12) 0%, transparent 70%);
  top: -80px; right: -250px;
}
.whz-bg__glow--2 {
  width: 700px; height: 700px;
  background: radial-gradient(ellipse, rgba(37,99,235,0.09) 0%, transparent 70%);
  bottom: -200px; left: -200px;
}
.whz-bg__glow--3 {
  width: 500px; height: 500px;
  background: radial-gradient(ellipse, rgba(94,234,212,0.06) 0%, transparent 70%);
  top: 35%; left: 35%;
  transform: translate(-50%,-50%);
}

/* ── Üst çizgi ── */
.whz::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15) 50%, transparent);
  z-index: 3;
}

/* ============================================================
   LAYOUT
   ============================================================ */
.whz-wrap {
  position: relative;
  z-index: 1;
  width: min(1200px, 92%);
  margin: 0 auto;
  padding: 88px 0 72px;
  display: flex;
  flex-direction: column;
  gap: 52px;
}

/* ============================================================
   BAŞLIK — KUTU YOK, SADECE BEYAZ BOLD METİN
   ============================================================ */
.whz-head {
  text-align: center;
}

/* Üst etiket */
.whz-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.06);
  font-size: 10.5px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 22px;
  text-transform: uppercase;
  letter-spacing: 0.9px;
}
.whz-tag__dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #5eead4;
  box-shadow: 0 0 6px rgba(94,234,212,0.8);
  flex-shrink: 0;
  animation: whzDotPulse 2s ease infinite;
}

/* H2 — büyük, bold, beyaz, tek satır */
.whz-title {
  font-size: clamp(22px, 2.6vw, 38px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.4px;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  white-space: nowrap;
  margin-bottom: 18px;
  text-shadow: 0 2px 20px rgba(0,0,0,0.4);
}

/* Alt açıklama — beyaz, bold 600 */
.whz-sub {
  font-size: clamp(13.5px, 1.2vw, 15.5px);
  line-height: 1.78;
  color: rgba(255,255,255,0.78);
  font-weight: 600;
  max-width: 680px;
  margin: 0 auto;
}
.whz-sub strong {
  color: #ffffff;
  font-weight: 800;
}

/* ============================================================
   KART GRİDİ
   ============================================================ */
.whz-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
@media (min-width: 640px)  { .whz-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 860px)  { .whz-grid { grid-template-columns: repeat(3,1fr); } }
@media (min-width: 1080px) { .whz-grid { grid-template-columns: repeat(4,1fr); } }

/* ── Kart ── */
.whz-card {
  position: relative;
  background: rgba(255,255,255,0.97);
  border-radius: 20px;
  padding: 26px 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
  cursor: default;
  border: 1px solid rgba(255,255,255,0.9);
  box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 10px 36px rgba(0,0,0,0.22);
  transition: transform 0.28s var(--spring), box-shadow 0.28s ease;
}
.whz-card:hover {
  transform: translateY(-5px) scale(1.015);
  box-shadow: 0 4px 8px rgba(0,0,0,0.08), 0 20px 52px rgba(0,0,0,0.3);
}
.whz-card__shine {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.22) 0%, transparent 55%);
  opacity: 0; pointer-events: none; border-radius: inherit;
  transition: opacity 0.3s ease;
}
.whz-card:hover .whz-card__shine { opacity: 1; }

.whz-card__ico-wrap { position: relative; width: 54px; height: 54px; flex-shrink: 0; }
.whz-card__ico-bg { position: absolute; inset: 0; border-radius: 13px; opacity: 0.1; }
.whz-card__ico {
  position: absolute; inset: 0; width: 54px; height: 54px;
  transition: transform 0.3s var(--spring);
}
.whz-card:hover .whz-card__ico { transform: scale(1.12) translateY(-2px); }

.whz-card__body { display: flex; flex-direction: column; gap: 7px; }
.whz-card__title { font-size: 14px; font-weight: 800; color: var(--txt); line-height: 1.25; }
.whz-card__desc  { font-size: 12.5px; line-height: 1.68; color: var(--muted); font-weight: 500; }

/* ============================================================
   ALT CTA
   ============================================================ */
.whz-cta {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
  padding: 26px 36px; border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.whz-cta__txt { display: flex; flex-direction: column; gap: 4px; }
.whz-cta__txt strong { font-size: 15.5px; font-weight: 800; color: #fff; line-height: 1.3; }
.whz-cta__txt span   { font-size: 13px; color: rgba(255,255,255,0.55); font-weight: 500; }

.whz-cta__btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 14px 28px; border-radius: 12px;
  font-family: 'Montserrat', sans-serif; font-size: 13.5px; font-weight: 700;
  text-decoration: none; color: #ffffff !important;
  background: linear-gradient(135deg, #0a1628 0%, #1e3a72 100%);
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 4px 20px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1);
  white-space: nowrap; letter-spacing: 0.2px; cursor: pointer;
  transition: transform 0.22s var(--spring), box-shadow 0.22s ease, filter 0.22s ease;
}
.whz-cta__btn svg { width: 17px; height: 17px; flex-shrink: 0; stroke: #ffffff; }
.whz-cta__btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
  filter: brightness(1.15);
}

/* ============================================================
   SCROLL ANİMASYONLARI
   ============================================================ */
.whz-anim {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.55s var(--ease), transform 0.55s var(--ease);
}
.whz-anim.whz-vis { opacity: 1; transform: translateY(0); }

.whz-card.whz-anim { transform: translateY(26px) scale(0.97); }
.whz-card.whz-anim.whz-vis { transform: translateY(0) scale(1); }

/* ============================================================
   CAM EFEKTLİ MARQUEE ŞERİDİ
   ============================================================ */
.whz-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* Cam / frosted glass efekti */
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(16px) saturate(1.4);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  border-top: 1px solid rgba(255,255,255,0.14);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 16px 0;
  z-index: 2;
}

/* İç hafif ışık çizgisi — cam efekti */
.whz-marquee::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.3) 70%, transparent 100%);
}

/* Kenar fade */
.whz-marquee::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,14,29,0.9) 0%, transparent 12%, transparent 88%, rgba(5,14,29,0.9) 100%);
  pointer-events: none;
  z-index: 1;
}

.whz-marquee__track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: whzMarquee 30s linear infinite;
}
.whz-marquee__track:hover { animation-play-state: paused; }

.whz-marquee__set {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.whz-marquee__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 28px;
  white-space: nowrap;
  font-family: 'Montserrat', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: rgba(255,255,255,0.88);
  letter-spacing: 0.2px;
  transition: color 0.2s ease;
}
.whz-marquee__item:hover { color: #ffffff; }

/* Ayırıcı ◆ */
.whz-marquee__sep {
  font-size: 6px;
  color: rgba(255,255,255,0.2);
  flex-shrink: 0;
  line-height: 1;
}

/* 7/24 Acil — vurgulu */
.whz-marquee__item--hot {
  color: #ffffff;
  font-weight: 800;
  position: relative;
}
.whz-marquee__item--hot::before {
  content: '';
  position: absolute;
  inset: -5px -10px;
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
}

/* Kırmızı yanıp sönen nokta */
.whz-marquee__pulse {
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #ef4444;
  box-shadow: 0 0 0 0 rgba(239,68,68,0.7);
  animation: whzPulseRing 1.6s ease infinite;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

/* ============================================================
   ANİMASYON KAYDEDELERİ
   ============================================================ */
@keyframes whzMarquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes whzDotPulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 6px rgba(94,234,212,0.8); }
  50%       { opacity: 0.5; box-shadow: 0 0 2px rgba(94,234,212,0.3); }
}

@keyframes whzPulseRing {
  0%   { box-shadow: 0 0 0 0 rgba(239,68,68,0.7); }
  60%  { box-shadow: 0 0 0 6px rgba(239,68,68,0); }
  100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .whz-anim { opacity: 1 !important; transform: none !important; transition: none !important; }
  .whz-marquee__track { animation: none; }
  .whz-marquee__pulse { animation: none; }
  .whz-tag__dot       { animation: none; }
  .whz-card           { transition: none !important; }
}

/* ============================================================
   RESPONSİVE
   ============================================================ */
@media (max-width: 639px) {
  .whz-wrap { padding: 60px 0 56px; gap: 36px; }
  .whz-title { white-space: normal; font-size: 22px; }
  .whz-grid  { grid-template-columns: 1fr; gap: 11px; }
  .whz-card  { padding: 20px 16px 18px; }
  .whz-cta   { flex-direction: column; align-items: flex-start; padding: 20px 22px; }
  .whz-cta__btn { width: 100%; justify-content: center; }
}
@media (min-width: 640px) and (max-width: 859px) {
  .whz-title { white-space: normal; }
  .whz-cta   { flex-direction: column; align-items: flex-start; }
  .whz-cta__btn { width: 100%; justify-content: center; }
}

/* Elementor uyumu */
.elementor-widget-html .whz { width: 100% !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47356f4 *//* ============================================================
   HİZMET BÖLGELERİ — Yaman Vidanjör v6
   • Grid çizgiler çok soluk (opacity 0.03)
   • Butonlar koyu navy, ikon beyaz
   • Hero Ortaca alanı silindi — featured kart olarak grid içinde
   • Başlıklar tam koyu navy
   • Zengin stagger + scroll animasyonları
   • Montserrat 300 light / 900 black uyumu
   ============================================================ */

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

/* ── Reset ── */
.hb, .hb *, .hb *::before, .hb *::after {
  box-sizing: border-box; margin: 0; padding: 0;
}

/* ── Tokens ── */
:root {
  --navy:     #0b1f3a;
  --navy2:    #162e52;
  --white:    #ffffff;
  --off:      #f7f9fc;
  --line:     rgba(11,31,58,0.035);   /* çok soluk çizgiler */
  --border:   rgba(11,31,58,0.10);
  --txt:      #0b1f3a;                /* başlıklar tam navy */
  --muted:    #5d6f85;
  --ease:     cubic-bezier(0.22,1,0.36,1);
  --spring:   cubic-bezier(0.34,1.56,0.64,1);
}

/* ============================================================
   SECTION
   ============================================================ */
.hb {
  position: relative;
  width: 100%;
  background: var(--white);
  font-family: 'Montserrat', sans-serif;
  overflow: hidden;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

/* ============================================================
   ARKA PLAN — çok soluk grid + yumuşak glow
   ============================================================ */
.hb-grid-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

/* Soluk kare ızgara */
.hb-grid-lines {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right,  var(--line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--line) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: hbGridShift 24s ease-in-out infinite alternate;
}

@keyframes hbGridShift {
  0%   { transform: translate(0,0);   opacity: 1; }
  100% { transform: translate(8px,5px); opacity: 0.7; }
}

/* Sağ üst ve sol alt ışık hüzmesi */
.hb-glow {
  position: absolute;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  pointer-events: none;
}
.hb-glow--tr {
  top: -180px; right: -120px;
  background: radial-gradient(circle, rgba(37,99,235,0.045) 0%, transparent 65%);
  animation: hbGlowPulse 7s ease-in-out infinite;
}
.hb-glow--bl {
  bottom: -200px; left: -150px;
  background: radial-gradient(circle, rgba(11,31,58,0.04) 0%, transparent 65%);
  animation: hbGlowPulse 9s ease-in-out infinite reverse;
}
@keyframes hbGlowPulse {
  0%,100% { transform: scale(1);    opacity:1; }
  50%      { transform: scale(1.12); opacity:0.7; }
}

/* ============================================================
   İÇ KAPSAYICI
   ============================================================ */
.hb-inner {
  position: relative;
  z-index: 1;
  width: min(1200px, 92%);
  margin: 0 auto;
  padding: 80px 0 88px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

/* ============================================================
   STAGGER ANİMASYON — .hb-anim
   Her eleman --i custom property ile gecikir
   ============================================================ */
.hb-anim {
  opacity: 0;
  transform: translateY(22px);
  animation: hbRise 0.6s calc(var(--i, 0) * 0.07s) var(--ease) both;
}

@keyframes hbRise {
  to { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   BAŞLIK BLOĞU
   ============================================================ */
.hb-header {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.hb-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
}

/* Badge */
.hb-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px 5px 9px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--off);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  color: var(--navy);
  width: fit-content;
}
.hb-badge svg { flex-shrink: 0; stroke: var(--navy); }

/* İstatistik bar */
.hb-stats {
  display: flex;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--off);
  overflow: hidden;
}
.hb-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 12px 24px;
}
.hb-stat-num {
  font-size: 20px;
  font-weight: 900;
  color: var(--navy);
  letter-spacing: -0.5px;
  line-height: 1;
}
.hb-stat-label {
  font-size: 9.5px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.hb-stat-div {
  width: 1px;
  height: 32px;
  background: var(--border);
  flex-shrink: 0;
}

/* Başlık + açıklama satırı */
.hb-title-row {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (min-width: 820px) {
  .hb-title-row {
    flex-direction: row;
    align-items: flex-end;
    gap: 48px;
  }
}

.hb-title {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.hb-title-light {
  font-size: clamp(18px, 2.4vw, 26px);
  font-weight: 300;
  color: var(--muted);
  line-height: 1.35;
  letter-spacing: 0;
}
.hb-title-bold {
  font-size: clamp(30px, 4.2vw, 52px);
  font-weight: 900;
  color: var(--navy);
  letter-spacing: -1.5px;
  line-height: 1.05;
}

.hb-subtitle {
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--muted);
  max-width: 420px;
  padding-bottom: 2px;
}
.hb-subtitle strong {
  font-weight: 800;
  color: var(--navy);
}

/* ============================================================
   BÖLGE GRİD
   ============================================================ */
.hb-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  list-style: none;
}

/* Ortaca featured kart — tam genişlik ilk satır */
.hb-card--featured {
  grid-column: 1 / -1;
}

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

/* ── Kart — temel ── */
.hb-card {
  position: relative;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--white);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.22s var(--spring);
}
.hb-card:hover {
  border-color: rgba(11,31,58,0.18);
  box-shadow: 0 8px 28px rgba(11,31,58,0.09);
  transform: translateY(-3px);
}

.hb-card-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 20px 18px;
}

/* Kart üst satır */
.hb-card-top {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Pin */
.hb-card-pin {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s var(--spring);
}
.hb-card:hover .hb-card-pin { transform: scale(1.1) rotate(-4deg); }

/* Pin renk varyantları */
.hb-pin--slate   { background: rgba(71,85,105,0.10);  }
.hb-pin--slate   svg { stroke: #334155; }
.hb-pin--blue    { background: rgba(37,99,235,0.10);  }
.hb-pin--blue    svg { stroke: #1d4ed8; }
.hb-pin--emerald { background: rgba(5,150,105,0.10);  }
.hb-pin--emerald svg { stroke: #047857; }
.hb-pin--indigo  { background: rgba(79,70,229,0.10);  }
.hb-pin--indigo  svg { stroke: #4338ca; }
.hb-pin--violet  { background: rgba(109,40,217,0.10); }
.hb-pin--violet  svg { stroke: #6d28d9; }
.hb-pin--rose    { background: rgba(190,18,60,0.10);  }
.hb-pin--rose    svg { stroke: #9f1239; }

/* İsim */
.hb-card-name {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: -0.2px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Açıklama */
.hb-card-desc {
  font-size: 11.5px;
  font-weight: 400;
  color: var(--muted);
  line-height: 1.7;
  flex: 1;
}

/* ── ARA BUTONU — koyu navy, metin & ikon beyaz ── */
.hb-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 8px;
  border: none;
  background: var(--navy);
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  width: fit-content;
  letter-spacing: 0.2px;
  transition: background 0.18s ease, transform 0.18s var(--spring), box-shadow 0.18s ease;
}
.hb-card-btn svg {
  stroke: #ffffff !important;
  fill: none;
  flex-shrink: 0;
  transition: transform 0.2s var(--spring);
}
.hb-card-btn:hover {
  background: var(--navy2);
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(11,31,58,0.22);
}
.hb-card-btn:hover svg { transform: rotate(-10deg) scale(1.1); stroke: #ffffff !important; }

/* ============================================================
   FEATURED KART — Ortaca
   ============================================================ */
.hb-card--featured {
  background: var(--navy);
  border-color: transparent;
  box-shadow: 0 4px 24px rgba(11,31,58,0.18);
}
.hb-card--featured:hover {
  border-color: transparent;
  box-shadow: 0 10px 36px rgba(11,31,58,0.24);
  transform: translateY(-3px);
}

/* İç grid: featured kart içi yatay */
.hb-card--featured .hb-card-inner {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 22px 24px;
}

.hb-card--featured .hb-card-name {
  font-size: 17px;
  color: var(--white);
  font-weight: 900;
  white-space: normal;
}
.hb-card--featured .hb-card-desc {
  color: rgba(255,255,255,0.55);
  font-size: 12.5px;
  max-width: 520px;
}

/* Featured içi sol grup */
.hb-card--featured .hb-card-top  { flex-shrink: 0; }

/* Featured için text + desc bir arada */
.hb-card--featured .hb-card-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 14px;
  row-gap: 6px;
}
.hb-card--featured .hb-card-top  { grid-column: 1; grid-row: 1; }
.hb-card--featured .hb-card-desc { grid-column: 2; grid-row: 1; align-self: center; }
.hb-card--featured .hb-card-btn--featured { grid-column: 3; grid-row: 1; }

/* Fallback for mobile */
@media (max-width: 680px) {
  .hb-card--featured .hb-card-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Pin featured */
.hb-pin--featured {
  background: rgba(255,255,255,0.12);
  width: 40px;
  height: 40px;
  border-radius: 11px;
}
.hb-pin--featured svg { stroke: rgba(255,255,255,0.9); }
.hb-card--featured:hover .hb-pin--featured { transform: scale(1.08) rotate(-4deg); }

/* "Ana Bölge" etiketi */
.hb-featured-tag {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: rgba(255,255,255,0.35);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 999px;
  padding: 3px 9px;
  white-space: nowrap;
  margin-left: 4px;
}

/* Featured buton */
.hb-card-btn--featured {
  background: var(--navy);
  color: var(--white);
  font-size: 12px;
  padding: 10px 20px;
  border-radius: 10px;
  white-space: nowrap;
  border: 1.5px solid rgba(255,255,255,0.18);
}
.hb-card-btn--featured svg { stroke: var(--white); }
.hb-card-btn--featured:hover {
  background: var(--navy2);
  border-color: rgba(255,255,255,0.28);
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}

/* Featured dekoratif sağ arka plan çizgileri */
.hb-card-deco {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right,  rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
  z-index: 0;
  animation: hbDecoShift 20s ease-in-out infinite alternate;
}
@keyframes hbDecoShift {
  0%   { transform: translate(0,0); }
  100% { transform: translate(5px,3px); }
}

/* ============================================================
   ALT CTA BAR
   ============================================================ */
.hb-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 18px 24px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--off);
}

.hb-cta-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Canlı yeşil nokta */
.hb-cta-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #16a34a;
  flex-shrink: 0;
  animation: hbDotPing 2.2s ease-in-out infinite;
}
@keyframes hbDotPing {
  0%,100% { box-shadow: 0 0 0 0   rgba(22,163,74,0.35); }
  60%      { box-shadow: 0 0 0 7px rgba(22,163,74,0); }
}

.hb-cta-text {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--muted);
  line-height: 1.5;
}
.hb-cta-text strong {
  font-weight: 800;
  color: var(--navy);
}

/* CTA buton — navy */
.hb-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 10px;
  background: var(--navy);
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.18s ease, transform 0.18s var(--spring), box-shadow 0.18s ease;
}
.hb-cta-btn svg { stroke: #ffffff !important; fill: none; flex-shrink: 0; }
.hb-cta-btn:hover {
  background: var(--navy2);
  transform: translateY(-1px);
  box-shadow: 0 5px 18px rgba(11,31,58,0.22);
}

/* ============================================================
   RESPONSİVE
   ============================================================ */
@media (max-width: 860px) {
  .hb-inner { padding: 60px 0 68px; gap: 28px; }
  .hb-header-top { gap: 12px; }
}

@media (max-width: 640px) {
  .hb-inner { padding: 48px 0 56px; gap: 24px; }
  .hb-stats { width: 100%; justify-content: stretch; }
  .hb-stat  { flex: 1; padding: 10px 16px; }
  .hb-cta   { padding: 14px 18px; }
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .hb-grid-lines, .hb-glow--tr, .hb-glow--bl,
  .hb-cta-dot, .hb-card-deco { animation: none; }
  .hb-anim { animation: none; opacity: 1; transform: none; }
}

/* ============================================================
   ELEMENTOR UYUMU
   ============================================================ */
.elementor-widget-html .hb { width: 100% !important; }


/* ===== GLOBAL BUTON BEYAZ METİN OVERRIDE ===== */
.hb .hb-card-btn,
.hb .hb-card-btn:link,
.hb .hb-card-btn:visited,
.hb .hb-card-btn:hover,
.hb .hb-card-btn:focus,
.hb .hb-card-btn--featured,
.hb .hb-card-btn--featured:link,
.hb .hb-card-btn--featured:visited,
.hb .hb-card-btn--featured:hover,
.hb .hb-cta-btn,
.hb .hb-cta-btn:link,
.hb .hb-cta-btn:visited,
.hb .hb-cta-btn:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
.hb .hb-card-btn svg,
.hb .hb-card-btn:hover svg,
.hb .hb-card-btn--featured svg,
.hb .hb-card-btn--featured:hover svg,
.hb .hb-cta-btn svg,
.hb .hb-cta-btn:hover svg {
  stroke: #ffffff !important;
  fill: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4d6243 *//* ============================================================
   SSS v4 — Ortaca Vidanjör
   Namespace: #yvs-faq  |  5+5 Kolon  |  Accordion Düzeltildi
   ============================================================ */

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

/* ── Sıfırlama (sadece kendi scope) ── */
#yvs-faq,
#yvs-faq *,
#yvs-faq *::before,
#yvs-faq *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  --e-global-color-accent: #3b82f6 !important;
  --e-global-color-primary: #3b82f6 !important;
}

/* ── Değişkenler ── */
#yvs-faq {
  --yvs-bg:      #070e1c;
  --yvs-card:    #0e1929;
  --yvs-border:  rgba(255,255,255,0.08);
  --yvs-border2: rgba(255,255,255,0.15);
  --yvs-grid:    rgba(255,255,255,0.03);
  --yvs-blue:    #3b82f6;
  --yvs-blue2:   #60a5fa;
  --yvs-wh:      #ffffff;
  --yvs-w75:     rgba(255,255,255,0.75);
  --yvs-w45:     rgba(255,255,255,0.45);
  --yvs-w20:     rgba(255,255,255,0.18);
  --yvs-w08:     rgba(255,255,255,0.07);
  --yvs-ease:    cubic-bezier(0.22,1,0.36,1);
  --yvs-sp:      cubic-bezier(0.34,1.56,0.64,1);
}

/* ── Section ── */
#yvs-faq.yvs-faq {
  position: relative !important;
  width: 100% !important;
  background: var(--yvs-bg) !important;
  overflow: hidden !important;
  border-top: 1px solid var(--yvs-border) !important;
  border-bottom: 1px solid var(--yvs-border) !important;
  padding: 0 !important;
}

/* ── Arka plan ── */
#yvs-faq .yvs-faq__bg {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
#yvs-faq .yvs-faq__grid {
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(to right,  var(--yvs-grid) 1px, transparent 1px),
    linear-gradient(to bottom, var(--yvs-grid) 1px, transparent 1px) !important;
  background-size: 52px 52px !important;
  animation: yvsGridDrift 22s ease-in-out infinite alternate !important;
}
@keyframes yvsGridDrift {
  0%   { transform: translate(0,0);     opacity: 1; }
  100% { transform: translate(6px,4px); opacity: 0.6; }
}
#yvs-faq .yvs-faq__glow {
  position: absolute !important;
  border-radius: 50% !important;
}
#yvs-faq .yvs-faq__glow--a {
  width: 480px !important; height: 480px !important;
  top: -130px !important; right: -80px !important;
  background: radial-gradient(circle, rgba(59,130,246,0.07) 0%, transparent 65%) !important;
  animation: yvsGlow 8s ease-in-out infinite !important;
}
#yvs-faq .yvs-faq__glow--b {
  width: 380px !important; height: 380px !important;
  bottom: -90px !important; left: -60px !important;
  background: radial-gradient(circle, rgba(14,25,41,0.8) 0%, transparent 65%) !important;
  animation: yvsGlow 11s ease-in-out infinite reverse !important;
}
@keyframes yvsGlow {
  0%,100% { transform: scale(1); }
  50%      { transform: scale(1.12); opacity: 0.7; }
}

/* ── İç kapsayıcı ── */
#yvs-faq .yvs-faq__inner {
  position: relative !important;
  z-index: 1 !important;
  width: min(1160px, 92%) !important;
  margin: 0 auto !important;
  padding: 52px 0 64px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
}

/* ── Başlık ── */
#yvs-faq .yvs-faq__head {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px 48px !important;
  align-items: center !important;
  animation: yvsRise 0.55s 0s var(--yvs-ease) both !important;
}
@media (max-width: 640px) {
  #yvs-faq .yvs-faq__head { grid-template-columns: 1fr !important; gap: 16px !important; }
}

#yvs-faq .yvs-faq__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 12px 4px 8px !important;
  border: 1px solid var(--yvs-border2) !important;
  border-radius: 999px !important;
  background: var(--yvs-w08) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: var(--yvs-w75) !important;
  margin-bottom: 10px !important;
  width: fit-content !important;
}
#yvs-faq .yvs-faq__badge svg { stroke: var(--yvs-blue2) !important; flex-shrink: 0 !important; }

#yvs-faq .yvs-faq__title {
  display: flex !important;
  flex-direction: column !important;
}
#yvs-faq .yvs-faq__title-thin {
  font-size: clamp(14px, 1.8vw, 19px) !important;
  font-weight: 300 !important;
  color: var(--yvs-w45) !important;
  line-height: 1.3 !important;
}
#yvs-faq .yvs-faq__title-bold {
  font-size: clamp(26px, 3.8vw, 44px) !important;
  font-weight: 900 !important;
  color: var(--yvs-wh) !important;
  letter-spacing: -1.2px !important;
  line-height: 1.05 !important;
}

#yvs-faq .yvs-faq__head-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-items: flex-start !important;
}
#yvs-faq .yvs-faq__desc {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--yvs-w45) !important;
  line-height: 1.75 !important;
}

/* ── CTA butonu ── */
#yvs-faq .yvs-faq__cta,
#yvs-faq .yvs-faq__cta:link,
#yvs-faq .yvs-faq__cta:visited,
#yvs-faq .yvs-faq__cta:hover,
#yvs-faq .yvs-faq__cta:focus,
#yvs-faq .yvs-faq__cta:active {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  border: none !important;
  outline: none !important;
  background: #ffffff !important;
  color: #07111f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  width: fit-content !important;
  letter-spacing: 0.1px !important;
  transition: background 0.18s ease, transform 0.18s var(--yvs-sp), box-shadow 0.18s ease !important;
  cursor: pointer !important;
}
#yvs-faq .yvs-faq__cta svg { stroke: #07111f !important; fill: none !important; flex-shrink: 0 !important; }
#yvs-faq .yvs-faq__cta:hover {
  background: #dbeafe !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(59,130,246,0.22) !important;
}

#yvs-faq .yvs-faq__dot {
  width: 7px !important; height: 7px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  flex-shrink: 0 !important;
  animation: yvsDot 2.2s ease-in-out infinite !important;
}
@keyframes yvsDot {
  0%,100% { box-shadow: 0 0 0 0   rgba(34,197,94,.4); }
  60%      { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
}

/* ── 2 Kolon grid ── */
#yvs-faq .yvs-faq__cols {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 16px !important;
  align-items: start !important;
}
@media (max-width: 700px) {
  #yvs-faq .yvs-faq__cols { grid-template-columns: 1fr !important; }
}

#yvs-faq .yvs-faq__col {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* ── Accordion kart ── */
#yvs-faq .yvs-faq__item {
  border: 1px solid var(--yvs-border) !important;
  border-radius: 10px !important;
  background: var(--yvs-card) !important;
  overflow: hidden !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
  animation: yvsCardIn 0.45s calc(0.15s + var(--yvs-k, 0) * 0.05s) var(--yvs-ease) both !important;
}

/* Stagger index — sol kolon */
#yvs-faq .yvs-faq__col:nth-child(1) .yvs-faq__item:nth-child(1)  { --yvs-k: 0; }
#yvs-faq .yvs-faq__col:nth-child(1) .yvs-faq__item:nth-child(2)  { --yvs-k: 2; }
#yvs-faq .yvs-faq__col:nth-child(1) .yvs-faq__item:nth-child(3)  { --yvs-k: 4; }
#yvs-faq .yvs-faq__col:nth-child(1) .yvs-faq__item:nth-child(4)  { --yvs-k: 6; }
#yvs-faq .yvs-faq__col:nth-child(1) .yvs-faq__item:nth-child(5)  { --yvs-k: 8; }
/* Stagger index — sağ kolon */
#yvs-faq .yvs-faq__col:nth-child(2) .yvs-faq__item:nth-child(1)  { --yvs-k: 1; }
#yvs-faq .yvs-faq__col:nth-child(2) .yvs-faq__item:nth-child(2)  { --yvs-k: 3; }
#yvs-faq .yvs-faq__col:nth-child(2) .yvs-faq__item:nth-child(3)  { --yvs-k: 5; }
#yvs-faq .yvs-faq__col:nth-child(2) .yvs-faq__item:nth-child(4)  { --yvs-k: 7; }
#yvs-faq .yvs-faq__col:nth-child(2) .yvs-faq__item:nth-child(5)  { --yvs-k: 9; }

@keyframes yvsCardIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

#yvs-faq .yvs-faq__item:hover        { border-color: var(--yvs-border2) !important; }
#yvs-faq .yvs-faq__item.yvs-open     {
  border-color: rgba(59,130,246,0.30) !important;
  box-shadow: 0 0 0 1px rgba(59,130,246,0.10), 0 4px 18px rgba(0,0,0,0.28) !important;
}

/* ── Soru butonu ── */
#yvs-faq .yvs-faq__q,
#yvs-faq .yvs-faq__q:hover,
#yvs-faq .yvs-faq__q:focus {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 14px !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  text-align: left !important;
  color: inherit !important;
  transition: background 0.15s ease !important;
}
#yvs-faq .yvs-faq__q:hover                   { background: rgba(255,255,255,0.025) !important; }
#yvs-faq .yvs-faq__item.yvs-open .yvs-faq__q { background: rgba(59,130,246,0.055) !important; }

#yvs-faq .yvs-faq__num {
  font-size: 9px !important;
  font-weight: 800 !important;
  color: var(--yvs-w20) !important;
  letter-spacing: 0.4px !important;
  flex-shrink: 0 !important;
  min-width: 18px !important;
  transition: color 0.2s !important;
}
#yvs-faq .yvs-faq__item.yvs-open .yvs-faq__num { color: var(--yvs-blue2) !important; }

#yvs-faq .yvs-faq__qtxt {
  flex: 1 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--yvs-w75) !important;
  line-height: 1.35 !important;
  transition: color 0.2s !important;
}
#yvs-faq .yvs-faq__item.yvs-open .yvs-faq__qtxt { color: var(--yvs-wh) !important; }

#yvs-faq .yvs-faq__arrow {
  flex-shrink: 0 !important;
  width: 24px !important; height: 24px !important;
  border-radius: 6px !important;
  background: var(--yvs-w08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s ease, transform 0.32s var(--yvs-sp) !important;
}
#yvs-faq .yvs-faq__arrow svg            { stroke: var(--yvs-w45) !important; fill: none !important; transition: stroke 0.2s !important; }
#yvs-faq .yvs-faq__item.yvs-open .yvs-faq__arrow {
  background: rgba(59,130,246,0.18) !important;
  transform: rotate(180deg) !important;
}
#yvs-faq .yvs-faq__item.yvs-open .yvs-faq__arrow svg { stroke: var(--yvs-blue2) !important; }

/* ── Cevap — JS tarafından max-height ile kontrol edilir ── */
#yvs-faq .yvs-faq__ans {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.38s cubic-bezier(0.22,1,0.36,1) !important;
}
#yvs-faq .yvs-faq__ans p {
  padding: 10px 14px 15px 42px !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: var(--yvs-w45) !important;
  line-height: 1.75 !important;
  border-top: 1px solid var(--yvs-border) !important;
}
#yvs-faq .yvs-faq__ans strong {
  font-weight: 700 !important;
  color: var(--yvs-w75) !important;
}

/* ── Animasyonlar ── */
@keyframes yvsRise {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Mobil ── */
@media (max-width: 480px) {
  #yvs-faq .yvs-faq__inner  { padding: 36px 0 44px !important; }
  #yvs-faq .yvs-faq__num    { display: none !important; }
  #yvs-faq .yvs-faq__ans p  { padding-left: 14px !important; }
  #yvs-faq .yvs-faq__qtxt   { font-size: 12px !important; }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  #yvs-faq .yvs-faq__grid,
  #yvs-faq .yvs-faq__glow--a,
  #yvs-faq .yvs-faq__glow--b,
  #yvs-faq .yvs-faq__dot    { animation: none !important; }
  #yvs-faq .yvs-faq__head,
  #yvs-faq .yvs-faq__item   { animation: none !important; opacity: 1 !important; transform: none !important; }
  #yvs-faq .yvs-faq__ans    { transition: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-189c6ee *//* ========================================================= 
   CONTACT 12 – TOPLU FINAL CSS (OVERRIDE)  [NAVY VERSION]
   - Poppins zorla
   - Daha küçük font / daha az bold
   - Daha sıkı spacing (premium)
   - NAVY / beyaz / gri
   - Gradient yok
   ========================================================= */

#iletisim.yv-contact12{
  /* ✅ Bordo yerine koyu mavi */
  --wine:#0B2B40;
  --wine2:#071f30; /* hover için 1 ton koyu */
  --text:#0B2B40;  /* genel metin de koyu mavi */
  --muted:#6f7177;
  --line:#e6e6eb;
  --soft:#f6f7f9;
  --white:#ffffff;
  --shadow:0 16px 34px rgba(14,14,18,.10);
  --shadow2:0 10px 22px rgba(14,14,18,.08);
  --r:16px;

  background:#fff !important;
  color:var(--text) !important;
  padding:64px 0 !important;
}

/* GLOBAL */
#iletisim.yv-contact12,
#iletisim.yv-contact12 *{
  box-sizing:border-box !important;
  font-family:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
  text-shadow:none !important;
  letter-spacing:0 !important;
}
#iletisim.yv-contact12 a{ color:inherit !important; text-decoration:none !important; }

#iletisim.yv-contact12 .yv12-wrap{
  width:min(1180px, calc(100% - 40px)) !important;
  margin:0 auto !important;
}

/* HEAD */
#iletisim.yv-contact12 .yv12-head{
  text-align:center !important;
  max-width:900px !important;
  margin:0 auto 16px !important;
}
#iletisim.yv-contact12 .yv12-chip{
  display:inline-flex !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  color:var(--wine) !important;
  font-weight:600 !important;
  font-size:11px !important;
}
#iletisim.yv-contact12 .yv12-head h2{
  margin:10px 0 8px !important;
  font-size:28px !important;
  line-height:1.18 !important;
  font-weight:700 !important;
  letter-spacing:-.25px !important;
  color:var(--text) !important;
}
#iletisim.yv-contact12 .yv12-head h2 strong{
  color:var(--wine) !important;
  font-weight:800 !important;
}
#iletisim.yv-contact12 .yv12-head p{
  margin:0 auto !important;
  max-width:740px !important;
  color:var(--muted) !important;
  font-size:13px !important;
  line-height:1.65 !important;
  font-weight:500 !important;
}

/* GRID */
#iletisim.yv-contact12 .yv12-grid{
  display:grid !important;
  grid-template-columns: 1.05fr .95fr !important;
  gap:16px !important;
  align-items:start !important;
  margin-top:14px !important;
}

/* LEFT PANEL */
#iletisim.yv-contact12 .yv12-panel{
  border:1px solid var(--line) !important;
  border-radius:calc(var(--r) + 6px) !important;
  background:#fff !important;
  box-shadow:var(--shadow2) !important;
  overflow:hidden !important;
}

/* INFO TOP */
#iletisim.yv-contact12 .yv12-infoTop{
  padding:14px 14px 10px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
#iletisim.yv-contact12 .yv12-infoTop h3{
  margin:0 !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:-.15px !important;
  color:var(--text) !important;
}
#iletisim.yv-contact12 .yv12-sub{
  display:block !important;
  margin-top:5px !important;
  color:var(--muted) !important;
  font-size:11.5px !important;
  font-weight:500 !important;
}

/* BUTTONS */
#iletisim.yv-contact12 .yv12-actions{ display:flex !important; gap:8px !important; flex-wrap:wrap !important; }

#iletisim.yv-contact12 .yv12-btn{
  height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:700 !important;
  font-size:12px !important;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease !important;
}
#iletisim.yv-contact12 .yv12-btn:active{ transform:translateY(1px) !important; }

#iletisim.yv-contact12 .yv12-btn--primary{
  background:var(--wine) !important;
  color:#fff !important;
  box-shadow:0 10px 18px rgba(11,43,64,.18) !important; /* ✅ */
}
#iletisim.yv-contact12 .yv12-btn--primary:hover{ background:var(--wine2) !important; }

#iletisim.yv-contact12 .yv12-btn--wa{
  background:#fff !important;
  color:var(--wine) !important;
  border:1px solid rgba(11,43,64,.22) !important; /* ✅ */
  position:relative !important;
  overflow:hidden !important;
}
#iletisim.yv-contact12 .yv12-btn--wa:hover{
  border-color:rgba(11,43,64,.40) !important; /* ✅ */
  box-shadow:0 10px 18px rgba(14,14,18,.10) !important;
  transform:translateY(-1px) !important;
}
#iletisim.yv-contact12 .yv12-btn--wa::after{
  content:"" !important;
  position:absolute !important;
  top:-35% !important;
  left:-35% !important;
  width:35% !important;
  height:170% !important;
  background:rgba(11,43,64,.10) !important; /* ✅ */
  transform:rotate(18deg) !important;
  animation:yv12Sheen 2.8s ease-in-out infinite !important;
  opacity:.26 !important;
  pointer-events:none !important;
}

/* KPIs */
#iletisim.yv-contact12 .yv12-kpis{
  padding:0 14px 12px !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:8px !important;
}
#iletisim.yv-contact12 .yv12-kpi{
  background:var(--soft) !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  padding:10px !important;
  transition:transform .16s ease, border-color .16s ease !important;
}
#iletisim.yv-contact12 .yv12-kpi:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(11,43,64,.16) !important; /* ✅ */
}
#iletisim.yv-contact12 .yv12-kpi span{
  display:block !important;
  color:var(--muted) !important;
  font-size:11px !important;
  font-weight:500 !important;
  margin-bottom:4px !important;
}
#iletisim.yv-contact12 .yv12-kpi b{
  display:block !important;
  color:var(--wine) !important;
  font-size:13px !important;
  font-weight:800 !important;
}

/* LINES */
#iletisim.yv-contact12 .yv12-lines{
  padding:0 14px 10px !important;
  display:grid !important;
  gap:8px !important;
}
#iletisim.yv-contact12 .yv12-line{
  padding:10px 12px !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  background:#fff !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
}
#iletisim.yv-contact12 .yv12-line span{
  color:var(--muted) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
}
#iletisim.yv-contact12 .yv12-line a{
  color:var(--text) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
}
#iletisim.yv-contact12 .yv12-line a:hover{ color:var(--wine) !important; }

/* TAGS */
#iletisim.yv-contact12 .yv12-tags{
  padding:0 14px 14px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}
#iletisim.yv-contact12 .yv12-tag{
  padding:6px 9px !important;
  border-radius:999px !important;
  background:var(--soft) !important;
  border:1px solid var(--line) !important;
  color:var(--wine) !important;
  font-weight:700 !important;
  font-size:11px !important;
}

/* MAP */
#iletisim.yv-contact12 .yv12-map{
  height:220px !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  background:#fff !important;
  overflow:hidden !important;
}
#iletisim.yv-contact12 .yv12-map iframe{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block !important;
}

/* NOTE */
#iletisim.yv-contact12 .yv12-note{
  padding:12px 14px 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:var(--text) !important;
  font-weight:600 !important;
  background:#fff !important;
}
#iletisim.yv-contact12 .yv12-i{
  width:26px !important;
  height:26px !important;
  border-radius:10px !important;
  background:var(--soft) !important;
  border:1px solid rgba(11,43,64,.16) !important; /* ✅ */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--wine) !important;
  font-weight:800 !important;
}

/* FORM */
#iletisim.yv-contact12 .yv12-form{
  border:1px solid rgba(11,43,64,.14) !important; /* ✅ */
  border-radius:calc(var(--r) + 6px) !important;
  background:#fff !important;
  box-shadow:var(--shadow) !important;
  overflow:hidden !important;
}
#iletisim.yv-contact12 .yv12-formHead{
  padding:14px 16px !important;
  background:var(--wine) !important;
  color:#fff !important;
}
#iletisim.yv-contact12 .yv12-formHead h3{
  margin:0 !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#fff !important;
}
#iletisim.yv-contact12 .yv12-formHead p{
  margin:5px 0 0 !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.86) !important;
  line-height:1.5 !important;
}
#iletisim.yv-contact12 .yv12-formBody{
  padding:14px 16px 16px !important;
  background:#fff !important;
}

/* FIELDS */
#iletisim.yv-contact12 .yv12-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
#iletisim.yv-contact12 .yv12-field{ margin-bottom:10px !important; }

#iletisim.yv-contact12 label{
  display:block !important;
  margin:0 0 6px !important;
  color:var(--muted) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
}

#iletisim.yv-contact12 input,
#iletisim.yv-contact12 select,
#iletisim.yv-contact12 textarea{
  width:100% !important;
  height:42px !important;
  border-radius:12px !important;
  border:1px solid #dadbe2 !important;
  background:#fff !important;
  color:var(--text) !important;
  padding:0 12px !important;
  outline:none !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  transition:border-color .14s ease, box-shadow .14s ease, transform .14s ease !important;
}
#iletisim.yv-contact12 textarea{
  height:auto !important;
  min-height:120px !important;
  padding:10px 12px !important;
  resize:vertical !important;
}
#iletisim.yv-contact12 input::placeholder,
#iletisim.yv-contact12 textarea::placeholder{
  color:#9aa0a6 !important;
  font-weight:400 !important;
  font-size:12px !important;
}
#iletisim.yv-contact12 input:focus,
#iletisim.yv-contact12 select:focus,
#iletisim.yv-contact12 textarea:focus{
  border-color:rgba(11,43,64,.55) !important; /* ✅ */
  box-shadow:0 0 0 3px rgba(11,43,64,.10) !important; /* ✅ */
  transform:translateY(-1px) !important;
}

/* SERVICE PILLS */
#iletisim.yv-contact12 .yv12-pills{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
#iletisim.yv-contact12 .yv12-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  border:1px solid var(--line) !important;
  background:var(--soft) !important;
  cursor:pointer !important;
  user-select:none !important;
  transition:transform .14s ease, border-color .14s ease, background .14s ease !important;
}
#iletisim.yv-contact12 .yv12-pill:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(11,43,64,.18) !important; /* ✅ */
}
#iletisim.yv-contact12 .yv12-pill input{
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  accent-color:var(--wine) !important; /* ✅ */
}
#iletisim.yv-contact12 .yv12-pill span{
  font-size:11.5px !important;
  font-weight:600 !important;
  color:var(--text) !important;
}

/* SUBMIT */
#iletisim.yv-contact12 .yv12-submit{
  width:100% !important;
  height:44px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  background:var(--wine) !important; /* ✅ */
  color:#fff !important;
  font-weight:800 !important;
  font-size:12.5px !important;
  cursor:pointer !important;
  box-shadow:0 10px 18px rgba(11,43,64,.18) !important; /* ✅ */
  transition:transform .12s ease, background .12s ease, box-shadow .12s ease !important;
}
#iletisim.yv-contact12 .yv12-submit:hover{
  background:var(--wine2) !important;
  box-shadow:0 14px 24px rgba(11,43,64,.20) !important; /* ✅ */
}
#iletisim.yv-contact12 .yv12-submit:active{ transform:translateY(1px) !important; }

/* FOOT BADGES + KVKK */
#iletisim.yv-contact12 .yv12-foot{
  margin-top:10px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}
#iletisim.yv-contact12 .yv12-badge{
  padding:6px 9px !important;
  border-radius:999px !important;
  background:var(--soft) !important;
  border:1px solid var(--line) !important;
  font-size:11px !important;
  font-weight:600 !important;
  color:var(--text) !important;
}
#iletisim.yv-contact12 .yv12-kvkk{
  margin:10px 0 0 !important;
  color:var(--muted) !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
}

/* ANIMS */
@keyframes yv12Sheen{
  0%{ transform:translateX(-20%) rotate(18deg); opacity:.10; }
  45%{ opacity:.26; }
  100%{ transform:translateX(360%) rotate(18deg); opacity:.08; }
}

/* RESPONSIVE */
@media (max-width: 980px){
  #iletisim.yv-contact12{ padding:52px 0 !important; }
  #iletisim.yv-contact12 .yv12-grid{ grid-template-columns:1fr !important; }
  #iletisim.yv-contact12 .yv12-row{ grid-template-columns:1fr !important; }
  #iletisim.yv-contact12 .yv12-kpis{ grid-template-columns:1fr !important; }
  #iletisim.yv-contact12 .yv12-head h2{ font-size:24px !important; }
  #iletisim.yv-contact12 .yv12-map{ height:210px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47342c0 */#yvf,#yvf *,#yvf *::before,#yvf *::after{
  box-sizing:border-box!important;margin:0!important;padding:0!important;
  font-family:'Outfit',sans-serif!important;-webkit-font-smoothing:antialiased!important;
}

#yvf{
  position:relative!important;overflow:hidden!important;
  background:
    radial-gradient(ellipse 60% 50% at 6% 0%,rgba(26,99,199,.2) 0%,transparent 55%),
    radial-gradient(ellipse 50% 45% at 94% 100%,rgba(20,80,163,.16) 0%,transparent 55%),
    linear-gradient(168deg,#0c1f3e 0%,#07152a 45%,#040d1a 100%)!important;
  color:#fff!important;
}
#yvf::before{
  content:''!important;position:absolute!important;inset:0!important;z-index:0!important;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:48px 48px!important;pointer-events:none!important;
}
#yvf::after{
  content:''!important;position:absolute!important;
  top:0!important;left:0!important;right:0!important;height:3px!important;z-index:1!important;
  background:linear-gradient(90deg,#091930,#1450a3,#1e63c7,#60a5fa,#1e63c7,#1450a3,#091930)!important;
  background-size:300% 100%!important;animation:yvf-sh 5s linear infinite!important;
}
@keyframes yvf-sh{0%{background-position:300% 0}100%{background-position:-300% 0}}

#yvf-z{position:relative!important;z-index:2!important;}
#yvf-w{max-width:1180px!important;margin:0 auto!important;padding:0 36px!important;}

/* ANA GRID — align-items:end → sol kolon WA butonuyla hizalı biter */
#yvf-g{
  display:grid!important;
  grid-template-columns:1.55fr 1fr 1fr 1.2fr!important;
  gap:56px!important;
  padding:68px 0 58px!important;
  align-items:end!important;
}

/* KOL 1: MARKA */
#yvf-logo{
  display:flex!important;align-items:center!important;
  gap:13px!important;margin-bottom:20px!important;text-decoration:none!important;
}
#yvf-logo-box{
  width:50px!important;height:50px!important;border-radius:14px!important;
  background:linear-gradient(135deg,#1e63c7,#0a1e3a)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;
  box-shadow:0 6px 20px rgba(20,80,163,.52)!important;
  border:1.5px solid rgba(255,255,255,.12)!important;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s!important;
}
#yvf-logo:hover #yvf-logo-box{transform:scale(1.08) rotate(-4deg)!important;box-shadow:0 12px 30px rgba(20,80,163,.7)!important;}
#yvf-logo-name{font-size:18px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.4px!important;line-height:1.15!important;display:block!important;}
#yvf-logo-sub{font-size:10px!important;font-weight:500!important;color:rgba(255,255,255,.36)!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-top:4px!important;display:block!important;}

#yvf-desc{
  font-size:13px!important;font-weight:400!important;
  color:rgba(255,255,255,.5)!important;line-height:1.8!important;margin-bottom:22px!important;
}

/* Sosyal ikonlar — 26px küçük */
#yvf-socs{display:flex!important;align-items:center!important;gap:7px!important;}
.yvf-s{
  width:26px!important;height:26px!important;border-radius:7px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-decoration:none!important;flex-shrink:0!important;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s!important;
}
.yvf-s:hover{transform:translateY(-3px) scale(1.1)!important;}
.s-fb{background:#1877f2!important;box-shadow:0 3px 8px rgba(24,119,242,.38)!important;}
.s-fb:hover{box-shadow:0 6px 16px rgba(24,119,242,.6)!important;}
.s-ig{background:linear-gradient(135deg,#405de6,#833ab4,#c13584,#e1306c,#fd1d1d)!important;box-shadow:0 3px 8px rgba(193,53,132,.32)!important;}
.s-ig:hover{box-shadow:0 6px 16px rgba(193,53,132,.55)!important;}
.s-wa{background:#25d366!important;box-shadow:0 3px 8px rgba(37,211,102,.32)!important;}
.s-wa:hover{box-shadow:0 6px 16px rgba(37,211,102,.55)!important;}
.s-yt{background:#ff0000!important;box-shadow:0 3px 8px rgba(255,0,0,.3)!important;}
.s-yt:hover{box-shadow:0 6px 16px rgba(255,0,0,.5)!important;}

/* KOL BAŞLIĞI */
.yvf-ch{
  font-size:10px!important;font-weight:700!important;
  color:rgba(255,255,255,.38)!important;letter-spacing:1.8px!important;
  text-transform:uppercase!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  padding-bottom:13px!important;margin-bottom:2px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.yvf-dot-h{
  width:5px!important;height:5px!important;border-radius:50%!important;
  background:#1e63c7!important;flex-shrink:0!important;
  box-shadow:0 0 7px rgba(30,99,199,.85)!important;
}

/* MENÜ LİNKLERİ — 17px dikey boşluk */
.yvf-nl{display:flex!important;flex-direction:column!important;}
.yvf-a{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:17px 0!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  text-decoration:none!important;background:none!important;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important;
}
.yvf-a:last-child{border-bottom:none!important;}
.yvf-a:hover{transform:translateX(5px)!important;text-decoration:none!important;background:none!important;}
.yvf-ai{
  width:28px!important;height:28px!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important;
}
.yvf-a:hover .yvf-ai{transform:scale(1.12) rotate(-7deg)!important;}
.yvf-at{
  font-size:13.5px!important;font-weight:400!important;
  color:rgba(255,255,255,.65)!important;line-height:1!important;transition:color .17s!important;
}
.yvf-a:hover .yvf-at{color:#fff!important;}

/* İLETİŞİM SATIRLARI */
.yvf-cl{display:flex!important;flex-direction:column!important;margin-top:2px!important;}
.yvf-ci{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
.yvf-ci:last-child{border-bottom:none!important;}
.yvf-ci:hover .yvf-cii{transform:scale(1.1) rotate(-5deg)!important;}
.yvf-cii{
  width:36px!important;height:36px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important;
}
.yvf-cib{display:flex!important;flex-direction:column!important;gap:3px!important;}
.yvf-cl-lbl{font-size:9.5px!important;font-weight:600!important;color:rgba(255,255,255,.28)!important;letter-spacing:.8px!important;text-transform:uppercase!important;}
.yvf-cl-val{font-size:13px!important;font-weight:500!important;color:rgba(255,255,255,.85)!important;text-decoration:none!important;line-height:1.2!important;transition:color .17s!important;}
a.yvf-cl-val:hover{color:#fff!important;}

/* WhatsApp butonu */
#yvf-wa{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  margin-top:14px!important;padding:13px 18px!important;border-radius:11px!important;
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  color:#fff!important;text-decoration:none!important;
  font-size:13.5px!important;font-weight:700!important;
  box-shadow:0 4px 16px rgba(34,197,94,.32)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s!important;
  width:100%!important;
}
#yvf-wa:hover{transform:translateY(-3px)!important;box-shadow:0 9px 24px rgba(34,197,94,.5)!important;color:#fff!important;}

/* ALT BAR */
#yvf-bot{
  border-top:1px solid rgba(255,255,255,.07)!important;
  background:rgba(0,0,0,.2)!important;padding:20px 0!important;
}
#yvf-bot-row{
  display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;
}
#yvf-copy{
  display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;
  font-size:12px!important;font-weight:400!important;color:rgba(255,255,255,.3)!important;
}
#yvf-copy a{color:rgba(255,255,255,.4)!important;text-decoration:none!important;transition:color .17s!important;}
#yvf-copy a:hover{color:rgba(255,255,255,.7)!important;}
.yvf-sep{color:rgba(255,255,255,.15)!important;}
#yvf-dev{display:flex!important;align-items:center!important;gap:8px!important;font-size:11.5px!important;color:rgba(255,255,255,.28)!important;}
#yvf-dev-a{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:5px 12px!important;border-radius:20px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;
  font-size:11.5px!important;font-weight:600!important;color:rgba(255,255,255,.48)!important;
  text-decoration:none!important;
  transition:background .2s,color .2s,transform .22s cubic-bezier(.34,1.56,.64,1)!important;
}
#yvf-dev-a:hover{background:rgba(20,80,163,.38)!important;color:#fff!important;transform:translateY(-2px)!important;}
#yvf-dev-ico{
  width:18px!important;height:18px!important;border-radius:5px!important;
  background:linear-gradient(135deg,#1e63c7,#1450a3)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;
}

/* RESPONSİVE */
@media(max-width:1060px){
  #yvf-g{grid-template-columns:1fr 1fr!important;gap:44px!important;padding:54px 0 46px!important;align-items:start!important;}
  #yvf-brand{grid-column:1/-1!important;}
}
@media(max-width:640px){
  #yvf-w{padding:0 18px!important;}
  #yvf-g{grid-template-columns:1fr!important;gap:32px!important;padding:46px 0 38px!important;}
  #yvf-brand{grid-column:auto!important;}
  #yvf-bot-row{flex-direction:column!important;align-items:flex-start!important;}
}
@media(prefers-reduced-motion:reduce){#yvf::after{animation:none!important;}}/* End custom CSS */