/* =========================
   SERVICES PAGES (SHARED)
   Light/Dark friendly
   ========================= */

.hz-wrap{ width:min(1120px, calc(100% - 40px)); margin-inline:auto; }

.hz-svc{
  padding: clamp(22px, 3.2vw, 44px) 0;
  --hz-surface: #ffffff;
  --hz-surface-2: rgba(0,0,0,.03);
  --hz-border: rgba(0,0,0,.10);
  --hz-text: rgba(0,0,0,.88);
  --hz-muted: rgba(0,0,0,.70);
  --hz-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Koyu tema yakalarsa otomatik */
@media (prefers-color-scheme: dark){
  .hz-svc{
    --hz-surface: rgba(255,255,255,.06);
    --hz-surface-2: rgba(255,255,255,.08);
    --hz-border: rgba(255,255,255,.14);
    --hz-text: rgba(255,255,255,.92);
    --hz-muted: rgba(255,255,255,.78);
    --hz-shadow: 0 10px 30px rgba(0,0,0,.30);
  }
}

.hz-svc__head{ margin-bottom: clamp(16px, 2.6vw, 28px); }
.hz-svc__title{ font-size: clamp(22px, 3.2vw, 34px); line-height:1.12; margin:0 0 10px; color: var(--hz-text); }
.hz-svc__lead{ margin:0; font-size: clamp(15px, 1.7vw, 18px); color: var(--hz-muted); max-width: 78ch; }

.hz-svc__quick{
  display:grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px; margin-top:16px;
}
.hz-svc__quickItem{
  display:flex; gap:10px; align-items:flex-start;
  padding:14px 14px; border:1px solid var(--hz-border);
  border-radius:16px; background: var(--hz-surface);
  box-shadow: var(--hz-shadow);
}
.hz-svc__quickItem i{ margin-top:2px; opacity:.9; }

.hz-svc__grid{
  display:grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px; margin-top: 14px;
}

.hz-card{
  padding:16px; border-radius:18px;
  border:1px solid var(--hz-border);
  background: var(--hz-surface);
  box-shadow: var(--hz-shadow);
}
.hz-card__icon{
  width:42px; height:42px; border-radius:12px;
  display:grid; place-items:center;
  background: var(--hz-surface-2);
  border:1px solid var(--hz-border);
  margin-bottom:10px;
}
.hz-card__title{ margin:0 0 6px; font-size: 16px; line-height:1.2; color: var(--hz-text); }
.hz-card__text{ margin:0; color: var(--hz-muted); font-size:14px; line-height:1.6; }

.hz-svc__section{ margin-top: clamp(18px, 3vw, 34px); }
.hz-svc__h3{ margin:0 0 12px; font-size: 18px; color: var(--hz-text); }

.hz-list{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.hz-list li{ display:flex; gap:10px; align-items:flex-start; color: var(--hz-muted); line-height:1.6; }
.hz-list i{ margin-top:4px; opacity:.9; }

.hz-steps{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.hz-step{
  display:flex; gap:12px; align-items:flex-start;
  padding:14px; border-radius:18px;
  border:1px solid var(--hz-border);
  background: var(--hz-surface);
  box-shadow: var(--hz-shadow);
}
.hz-step__no{
  width:34px; height:34px; border-radius:12px;
  display:grid; place-items:center;
  background: var(--hz-surface-2);
  border:1px solid var(--hz-border);
  font-weight:700;
}
.hz-step__body strong{ color: var(--hz-text); }
.hz-step__body p{ margin:6px 0 0; color: var(--hz-muted); line-height:1.7; }

.hz-faq{ display:grid; gap:10px; }
.hz-faq__item{
  border-radius:18px;
  border:1px solid var(--hz-border);
  background: var(--hz-surface);
  box-shadow: var(--hz-shadow);
  overflow:hidden;
}
.hz-faq__q{
  cursor:pointer; padding:14px 14px; list-style:none;
  font-weight:700; color: var(--hz-text);
}
.hz-faq__q::-webkit-details-marker{ display:none; }
.hz-faq__a{ padding: 0 14px 14px; color: var(--hz-muted); line-height:1.7; }

.hz-cta{
  margin-top: clamp(18px, 3vw, 34px);
  border-radius:20px;
  border:1px solid var(--hz-border);
  background: var(--hz-surface);
  box-shadow: var(--hz-shadow);
  padding:16px;
}
.hz-cta__in{ display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.hz-cta__title{ margin:0 0 6px; font-size:18px; line-height:1.25; color: var(--hz-text); }
.hz-cta__desc{ margin:0; color: var(--hz-muted); line-height:1.6; max-width: 70ch; }
.hz-cta__actions{ display:flex; flex-wrap:wrap; gap:10px; }
.hz-cta__note{ margin:12px 0 0; opacity:.8; font-size: 13px; color: var(--hz-muted); }

/* Buttons (shared) */
.hz-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  line-height:1;
  border:1px solid var(--hz-border);
  background: var(--hz-surface);
  color: var(--hz-text);
  box-shadow: var(--hz-shadow);
  transition: transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
}

.hz-btn i{ font-size: 1.05em; }

.hz-btn:hover{ transform: translateY(-1px); }

.hz-btn--primary{
  background: rgba(30, 89, 137, .12); /* marka tonuna yakın */
  border-color: rgba(30, 89, 137, .22);
}

.hz-btn--primary:hover{
  background: rgba(30, 89, 137, .18);
}

.hz-btn--ghost{
  background: transparent;
}

.hz-btn--ghost:hover{
  background: var(--hz-surface-2);
}

.hz-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(30, 89, 137, .18);
}

/* =========================
   APPLY PAGES (Site Yöneticisi / Site Sakini)
   ========================= */
.hz-apply{ padding:48px 0 56px; }
.hz-apply__wrap{ max-width: 1180px; }

.hz-apply__head{ margin-bottom:24px; }
.hz-apply__kicker{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }

.hz-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#0b2b45;
  color:#fff;
  font-weight:700;
  font-size:13px;
}
.hz-badge--soft{ background: rgba(11,43,69,.10); color:#0b2b45; }

.hz-apply__title{ font-size: clamp(28px, 2.6vw, 38px); line-height:1.15; margin: 6px 0 10px; }
.hz-apply__lead{ font-size: 16px; line-height:1.75; max-width: 78ch; color: rgba(0,0,0,.78); }

.hz-apply__quick{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.hz-quick{
  display:flex; gap:12px; align-items:center;
  padding:12px 14px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(11,43,69,.08);
  text-decoration:none;
  color:inherit;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.hz-quick i{ font-size:18px; color:#0b2b45; width:22px; text-align:center; }
.hz-quick strong{ display:block; font-weight:800; }
.hz-quick em{ display:block; font-style:normal; font-size:13px; opacity:.75; }
.hz-quick:hover{ transform: translateY(-2px); border-color: rgba(11,43,69,.22); box-shadow: 0 14px 28px rgba(11,43,69,.12); }

.hz-apply__grid{
  margin-top:18px;
  display:grid;
  grid-template-columns: 1.25fr .85fr;
  gap:16px;
  align-items:start;
}

.hz-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  box-shadow: 0 12px 28px rgba(11,43,69,.08);
}
.hz-card--padded{ padding:18px; }
.hz-card__title{ margin:0 0 10px; font-size:18px; font-weight:900; }
.hz-muted{ margin:0; color: rgba(0,0,0,.65); line-height:1.7; }
.hz-note{ background: linear-gradient(180deg, rgba(11,43,69,.06), rgba(11,43,69,0)); }

.hz-checklist{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.hz-checklist li{ display:flex; gap:10px; line-height:1.6; }
.hz-checklist i{ color:#0b2b45; margin-top:3px; }

.hz-steps2{ display:grid; gap:12px; }
.hz-step2{
  display:flex; gap:12px;
  padding:12px 12px;
  border-radius:14px;
  background: rgba(11,43,69,.04);
  border:1px solid rgba(11,43,69,.08);
}
.hz-step2__no{
  width:34px; height:34px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:#0b2b45; color:#fff; font-weight:900;
  flex: 0 0 auto;
}
.hz-step2__body strong{ display:block; margin-bottom:3px; }
.hz-step2__body p{ margin:0; color: rgba(0,0,0,.68); line-height:1.6; }

.hz-formCard{ position: sticky; top: 18px; }
.hz-formCard__head{ margin-bottom:10px; }
.hz-formWrap{ margin-top:10px; }

.hz-mini{
  margin-top:12px;
  display:flex; gap:10px; align-items:flex-start;
  padding-top:12px;
  border-top:1px solid rgba(0,0,0,.08);
  color: rgba(0,0,0,.62);
  font-size:13px;
  line-height:1.5;
}
.hz-mini i{ color:#0b2b45; margin-top:2px; }

/* Fluent Forms - general look */
.hz-formCard .ff-el-form-control{
  border-radius:12px !important;
  border:1px solid rgba(0,0,0,.12) !important;
  padding:12px 12px !important;
  box-shadow: none !important;
}
.hz-formCard .ff-el-form-control:focus{
  border-color: rgba(11,43,69,.38) !important;
  box-shadow: 0 0 0 4px rgba(11,43,69,.10) !important;
}
.hz-formCard .ff-el-input--label label,
.hz-formCard .ff-el-group label{
  font-weight:800 !important;
  color: rgba(0,0,0,.78) !important;
}
.hz-formCard .ff-btn{
  width:100% !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
  background:#0b2b45 !important;
  border:1px solid rgba(11,43,69,.25) !important;
}
.hz-formCard .ff-btn:hover{ filter: brightness(1.05); }

/* CTA band */
.hz-cta2{
  margin-top:18px;
  background:#0b2b45;
  border-radius:18px;
  padding:18px;
  color:#fff;
  box-shadow: 0 18px 36px rgba(11,43,69,.18);
}
.hz-cta2__in{
  display:flex; gap:16px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.hz-cta2__text h3{ margin:0 0 6px; font-size:18px; font-weight:900; }
.hz-cta2__text p{ margin:0; opacity:.86; max-width: 70ch; line-height:1.6; }

.hz-cta2__actions{ display:flex; gap:10px; flex-wrap:wrap; }
.hz-btn2{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  background: rgba(255,255,255,.10);
  transition: transform .15s ease, background .15s ease, opacity .15s ease;
}
.hz-btn2:hover{ transform: translateY(-1px); background: rgba(255,255,255,.16); }
.hz-btn2--primary{ background: rgba(255,255,255,.18); }
.hz-btn2--primary:hover{ background: rgba(255,255,255,.26); }

/* Responsive */
@media (max-width: 980px){
  .hz-apply__grid{ grid-template-columns: 1fr; }
  .hz-formCard{ position: static; }
  .hz-apply__quick{ grid-template-columns: 1fr; }
}



/* Responsive */
@media (max-width: 980px){
  .hz-svc__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hz-svc__quick{ grid-template-columns: 1fr; }
  .hz-cta__in{ flex-direction:column; }
}
@media (max-width: 520px){
  .hz-svc__grid{ grid-template-columns: 1fr; }
}


@media (max-width: 900px){
  .hz-svcPCard{ grid-column: 1 / -1; }
   .hz-servicesSEO__bullets{
    grid-template-columns: 1fr;
  }
}