/* ==========================================================================
   Hizmet Detay Sayfası
   ========================================================================== */

/* ── Hero ── */
.hd-hero {
    background: linear-gradient(135deg, #1a3c6e 0%, #2d5dab 100%);
    padding: 64px 0 52px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.hd-hero::before {
    content: '';
    position: absolute; inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hd-hero-inner { position: relative; z-index: 1; }
.hd-hero-icon {
    width: 68px; height: 68px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 18px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.7rem;
    margin-bottom: 20px;
}
.hd-breadcrumb {
    display: flex; align-items: center; gap: 8px;
    font-size: .78rem; opacity: .75; margin-bottom: 14px;
}
.hd-breadcrumb a { color: inherit; text-decoration: none; }
.hd-breadcrumb a:hover { opacity: 1; text-decoration: underline; }
.hd-hero h1 { font-size: clamp(1.7rem,4vw,2.4rem); font-weight: 800; margin-bottom: 12px; color: #fff !important; }
.hd-hero-sub { font-size: 1.05rem; opacity: .85; max-width: 620px; color: #fff !important; }

/* ── Body ── */
.hd-shell { padding: 52px 0 64px; }
.hd-layout { display: grid; grid-template-columns: 1fr 300px; gap: 32px; align-items: start; }

/* ── Content ── */
.hd-content {
    background: #fff;
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 4px 16px rgba(15,23,42,.05);
    padding: 36px 40px;
}
.hd-content h2 {
    font-size: 1.25rem; font-weight: 700; color: #1a3c6e;
    margin-top: 32px; margin-bottom: 14px;
    padding-bottom: 8px; border-bottom: 2px solid #eff6ff;
}
.hd-content h2:first-child { margin-top: 0; }
.hd-content h3 { font-size: 1.05rem; font-weight: 700; color: #0f172a; margin-top: 22px; margin-bottom: 10px; }
.hd-content p  { font-size: .94rem; color: #374151; line-height: 1.8; margin-bottom: 14px; }
.hd-content ul, .hd-content ol { padding-left: 20px; margin-bottom: 16px; }
.hd-content li { font-size: .92rem; color: #374151; line-height: 1.75; margin-bottom: 6px; }
.hd-content li::marker { color: #1a3c6e; }
.hd-content strong { color: #0f172a; }
.hd-content table {
    width: 100%; border-collapse: collapse; margin-bottom: 20px;
    font-size: .88rem;
}
.hd-content table th {
    background: #eff6ff; color: #1a3c6e; font-weight: 700;
    padding: 10px 14px; border: 1px solid #bfdbfe;
}
.hd-content table td {
    padding: 9px 14px; border: 1px solid #e2e8f0; color: #374151;
}
.hd-content table tr:nth-child(even) td { background: #f8fafc; }
.hd-content a { color: #1a3c6e; font-weight: 600; }
.hd-content a:hover { text-decoration: underline; }

/* ── Sidebar ── */
.hd-sidebar { position: sticky; top: 20px; }

.hd-cta-card {
    background: linear-gradient(135deg, #1a3c6e, #2d5dab);
    color: #fff; border-radius: 18px; padding: 28px 24px;
    margin-bottom: 20px;
}
.hd-cta-card h4 { font-weight: 800; margin-bottom: 8px; font-size: 1.05rem; color: #fff; }
.hd-cta-card p  { font-size: .85rem; opacity: .85; margin-bottom: 18px; color: #fff; }
.hd-cta-card .btn-warning { font-weight: 700; }

.hd-other-card {
    background: #fff; border-radius: 18px;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 4px 16px rgba(15,23,42,.05);
    padding: 22px 20px;
}
.hd-other-card h5 {
    font-size: .78rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .6px; color: #1a3c6e; opacity: .6;
    margin-bottom: 14px;
}
.hd-other-link {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 0; border-bottom: 1px solid #f1f5f9;
    text-decoration: none; color: #0f172a;
    transition: color .16s;
}
.hd-other-link:last-child { border-bottom: none; }
.hd-other-link:hover { color: #1a3c6e; }
.hd-other-link i { width: 28px; height: 28px; background: #eff6ff; color: #1a3c6e;
    border-radius: 8px; display: flex; align-items: center; justify-content: center;
    font-size: .8rem; flex-shrink: 0; }
.hd-other-link span { font-size: .85rem; font-weight: 600; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .hd-layout { grid-template-columns: 1fr; }
    .hd-sidebar { position: static; }
    .hd-content { padding: 24px 20px; }
}
@media (max-width: 560px) {
    .hd-hero { padding: 44px 0 36px; }
}