:root{
  --blue:#0b63c7;
  --blue2:#0a5ab4;
  --txt:#0b1220;
}

.dd-shell *{ box-sizing:border-box; }

/* üst alanın genel boşluğu */
.dd-topbar{
  max-width:1280px;
  margin:0 auto;
  padding:20px 18px 6px;
}

/* Brand + CTA aynı satır, CTA sağda */
.dd-brandrow{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}
.dd-brand{ min-width:0; }
.dd-brand-title{
  margin:0;
  font-size:clamp(20px,2.2vw,30px);
  font-weight:800;
  letter-spacing:.15px;
  color:#fff;
  text-shadow:0 10px 22px rgba(0,0,0,.16);
  line-height:1.08;
}
.dd-brand-sub{
  margin:4px 0 0;
  font-size:clamp(11.5px,1.1vw,13px);
  letter-spacing:.12px;
  color:rgba(255,255,255,.82);
  font-weight:750;
}

/* ✅ CTA butonları (tagline hizası) */
.dd-cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.dd-ctaBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  font-weight:1000;
  text-decoration:none;
  font-size:13px;
  letter-spacing:.15px;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .14s, box-shadow .14s, opacity .14s;
  white-space:nowrap;
}
.dd-ctaBtn:hover{ transform:translateY(-1px); box-shadow:0 18px 44px rgba(0,0,0,.22); }
.dd-ctaBlue{ background:linear-gradient(180deg,#0b63c7 0%, #0a4f9f 100%); }
.dd-ctaOrange{ background:linear-gradient(180deg,#ff8a00 0%, #e46500 100%); }

/* çizgi */
.dd-topline{
  max-width:1280px;
  margin:8px auto 12px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent);
}

/* cam bar */
.dd-bar{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}

.dd-bar-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}

.dd-menuBtn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 11px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(255,255,255,.14);
  color:#fff;
  font-weight:850;
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.22);
  flex:0 0 auto;
  font-size:12.5px;
  letter-spacing:.15px;
}
.dd-menuBtn small{ opacity:.78; font-weight:850; font-size:11.5px; }
.dd-menuBtn:hover{ background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.36); }

.dd-topsearch{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.18);
}
.dd-topsearch input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-weight:800;
  letter-spacing:.15px;
  font-size:13px;
  min-width:0;
}
.dd-topsearch input::placeholder{ color:rgba(255,255,255,.70); font-weight:750; }

.dd-icoBtn{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.22);
  text-decoration:none;
  flex:0 0 42px;
  transition:transform .16s, box-shadow .16s, border-color .16s, opacity .16s;
}
.dd-icoBtn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.40);
  box-shadow:0 18px 44px rgba(0,0,0,.28);
  opacity:1;
}
.dd-icoBtn svg{ width:18px; height:18px; display:block; }
.dd-icoBtn.dd-wa svg{ fill:#25D366; }
.dd-icoBtn.dd-lock svg{ fill:rgba(255,255,255,.92); }

/* Drawer */
.dd-drawerBack{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.50);
  backdrop-filter:blur(6px);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
  z-index:9998;
}
.dd-drawer{
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:min(360px, 88vw);
  transform:translateX(-102%);
  transition:transform .20s ease;
  z-index:9999;
  border-right:1px solid rgba(2,6,23,.12);
  background:rgba(255,255,255,.96);
  box-shadow:18px 0 55px rgba(0,0,0,.28);
  display:flex;
  flex-direction:column;
}
.dd-drawerHead{
  padding:12px 12px 10px;
  border-bottom:1px solid rgba(2,6,23,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.dd-drawerHead strong{
  font-size:13.5px;
  font-weight:900;
  letter-spacing:.12px;
  color:rgba(11,18,32,.86);
}
.dd-drawerClose{
  width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid rgba(2,6,23,.10);
  background:#fff;
  color:var(--txt);
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 14px rgba(2,6,23,.10);
}
.dd-drawerNav{
  padding:12px 12px 18px;
  overflow:auto;
}
.dd-drawerNav a{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:46px;
  padding:11px 14px;
  border-radius:12px;
  font-weight:850;
  font-size:14px;
  letter-spacing:.10px;
  line-height:1.2;
  text-decoration:none;
  color:rgba(11,18,32,.92);
  background:#fff;
  border:1px solid rgba(2,6,23,.08);
  margin-bottom:8px;
  box-shadow:0 10px 18px rgba(2,6,23,.08);
  transition:transform .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease;
}
.dd-drawerNav a:hover{
  transform:translateY(-1px);
  background:rgba(11,99,199,.06);
  border-color:rgba(11,99,199,.16);
  box-shadow:0 14px 24px rgba(2,6,23,.12);
}
.dd-drawerNav a:active{
  transform:translateY(0);
  background:rgba(11,99,199,.10);
  border-color:rgba(11,99,199,.20);
  box-shadow:0 12px 20px rgba(2,6,23,.12);
}

.dd-drawerCta{
  justify-content:center !important;
  font-weight:1000 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.dd-drawerCtaBlue{ background:linear-gradient(180deg,#0b63c7 0%, #0a4f9f 100%) !important; }
.dd-drawerCtaOrange{ background:linear-gradient(180deg,#ff8a00 0%, #e46500 100%) !important; }

.dd-sep{
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(2,6,23,.12), transparent);
  margin:12px 2px 14px;
  opacity:1;
}

body.ddDrawerOpen .dd-drawerBack{ opacity:1; pointer-events:auto; }
body.ddDrawerOpen .dd-drawer{ transform:translateX(0); }

/* Mobilde CTA'lar alt satıra iner */
@media (max-width:720px){
  .dd-brandrow{ flex-direction:column; align-items:flex-start; }
  .dd-cta{ justify-content:flex-start; }
}