/* ═══════════════════════════════════════════════════════════
   Natura Dental — Hizmetler Sayfası CSS
   ═══════════════════════════════════════════════════════════ */

/* Hero */
.ndsl-hero {
    background: linear-gradient(135deg, #13134b 0%, #1e1b6e 55%, #5e5ce6 100%);
    padding: 96px 11% 80px;
    color: white;
    position: relative; overflow: hidden;
}
.ndsl-hero::after {
    content:''; position:absolute; right:-80px; top:-80px;
    width:400px; height:400px; border-radius:50%;
    background:rgba(100,97,230,.12); pointer-events:none;
}
.ndsl-hero-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.85); font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:6px 14px; border-radius:9999px; margin-bottom:20px; }
.ndsl-hero-title { font-size:clamp(2.4rem,5vw,3.5rem); font-weight:800; line-height:1.1; letter-spacing:-.02em; margin-bottom:16px; }
.ndsl-hero-desc { font-size:1rem; color:rgba(255,255,255,.7); max-width:560px; line-height:1.75; }

/* Rows wrapper */
.ndsl-rows { background:#fff; }

/* Each alternating row */
.ndsl-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 480px;
    overflow: hidden;
}
/* Even rows: text left, image right → reverse order visually */
.ndsl-row:nth-child(even) .ndsl-row-img { order: -1; }

.ndsl-row-img {
    overflow: hidden;
    position: relative;
}
.ndsl-row-img img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    transition: transform .6s ease;
}
.ndsl-row:hover .ndsl-row-img img { transform: scale(1.04); }

/* Image placeholder (when no image) */
.ndsl-row-img-placeholder {
    width:100%; height:100%;
    background: linear-gradient(135deg, #f5f2ff 0%, #e1e0ff 100%);
    display: flex; align-items: center; justify-content: center;
}
.ndsl-row-img-placeholder svg { width:80px; height:80px; color:#4441cc; opacity:.3; }

.ndsl-row-body {
    padding: 64px 56px;
    display: flex; flex-direction: column; justify-content: center;
}
/* Even row: extra left padding */
.ndsl-row:nth-child(even) .ndsl-row-body { padding-left: 72px; }

.ndsl-row-badge { display:inline-flex; align-items:center; gap:6px; background:#f5f2ff; color:#4441cc; font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:5px 12px; border-radius:9999px; margin-bottom:16px; }
.ndsl-row-num { font-size:.75rem; font-weight:700; color:#c7c4d7; letter-spacing:.1em; margin-bottom:8px; }
.ndsl-row-title { font-size:clamp(1.4rem,2.5vw,2rem); font-weight:800; color:#13134b; line-height:1.2; letter-spacing:-.02em; margin-bottom:16px; }
.ndsl-row-desc { font-size:.9375rem; color:#575993; line-height:1.8; margin-bottom:24px; }
.ndsl-row-features { list-style:none; padding:0; margin:0 0 28px; display:flex; flex-direction:column; gap:8px; }
.ndsl-row-features li { display:flex; align-items:center; gap:10px; font-size:.875rem; color:#575993; }
.ndsl-row-features li::before { content:''; flex-shrink:0; width:6px; height:6px; background:#4441cc; border-radius:50%; }
.ndsl-row-link { display:inline-flex; align-items:center; gap:8px; background:#4441cc; color:white; padding:12px 24px; border-radius:9999px; font-size:.875rem; font-weight:700; text-decoration:none; transition:background .2s; }
.ndsl-row-link:hover { background:#5e5ce6; }

/* Alternating row bg */
.ndsl-row:nth-child(even) { background:#fcf8ff; }

/* CTA Band */
.ndsl-cta { background:linear-gradient(135deg,#13134b 0%,#1e1b6e 100%); padding:72px 11%; display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px; }
.ndsl-cta-title { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:white; margin-bottom:8px; }
.ndsl-cta-text { color:rgba(255,255,255,.7); font-size:.9375rem; }
.ndsl-cta-btn { display:inline-flex; align-items:center; gap:10px; background:#4441cc; color:white; padding:16px 32px; border-radius:9999px; font-weight:700; text-decoration:none; white-space:nowrap; transition:background .2s; }
.ndsl-cta-btn:hover { background:#5e5ce6; }

/* Responsive */
@media (max-width:1024px) { .ndsl-row { grid-template-columns:1fr; min-height:auto; } .ndsl-row:nth-child(even) .ndsl-row-img { order:0; } .ndsl-row-img { height:340px; } .ndsl-row-body { padding:48px 5%; } .ndsl-cta { grid-template-columns:1fr; text-align:center; } }
@media (max-width:768px) { .ndsl-hero { padding:64px 5% 48px; } .ndsl-row-img { height:260px; } .ndsl-row-body { padding:32px 5%; } .ndsl-cta { padding:48px 5%; } }