* {box-sizing:border-box; margin:0; padding:0} body {font-family:'DM Mono',monospace; background:#f0f2f5; color:#222} .page-wrap {max-width:994px; margin:0 auto; background:#fff; min-height:100vh; position:relative; box-shadow:0 0 40px rgba(0,0,0,0.12)} .nav {background:#fff; border-bottom:1px solid #e2e8f0; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:100} .btn-tel {background:#2563eb; color:white; font-size:11px; font-weight:500; padding:6px 14px; border-radius:6px; letter-spacing:1px; text-decoration:none} .bolum {padding:32px 24px} .bolum.gray {background:#f8f9fb} .bolum-baslik {display:flex; align-items:center; gap:10px; margin-bottom:20px} .bolum-baslik h2 {font-size:13px; font-weight:500; color:#000; letter-spacing:2px; text-transform:uppercase; white-space:nowrap} .bolum-baslik-cizgi {flex:1; height:1px; background:#2563eb} /* SLIDER */ .hizmet-slider-wrapper {overflow:hidden; margin:0 -24px; padding:0 24px} .hizmet-slider {display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:4px 0 12px 0} .hizmet-slider::-webkit-scrollbar {display:none} .hizmet-kart-slide {flex:0 0 calc(50% - 6px); scroll-snap-align:start; background:#fff; border:1.5px solid #2563eb; border-radius:10px; padding:16px 14px; transition:border-color 0.25s,box-shadow 0.25s; display:flex; flex-direction:column; min-height:200px; cursor:pointer} .hizmet-kart-slide.aktif {border-color:#2563eb; box-shadow:0 4px 16px rgba(37,99,235,0.10)} .hizmet-ikon-slide {width:50px; height:50px; background:#eff6ff; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:12px} .hizmet-isim {font-size:12px; font-weight:500; color:#000; margin-bottom:5px; letter-spacing:0.5px} .hizmet-aciklama-slide {font-size:10px; color:#888; margin-bottom:12px; line-height:1.6} .slider-dots {display:flex; justify-content:center; gap:6px; margin-top:10px} .slider-dot {width:6px; height:6px; border-radius:50%; background:#e2e8f0; transition:all 0.3s; cursor:pointer; border:none; padding:0} .slider-dot.aktif {width:20px; border-radius:3px; background:#2563eb} /* DİĞER */ .adim-list {display:flex; flex-direction:column} .adim {display:flex; align-items:flex-start; gap:14px; padding:16px 0; border-bottom:1px solid #f0f0f0} .adim:last-child {border-bottom:none} .adim-no {background:#fff; color:#2563eb; font-size:11px; font-weight:700; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1.5px solid #2563eb} .adim-icerik .adim-baslik {font-size:12px; font-weight:500; color:#000; margin-bottom:3px; letter-spacing:0.5px} .adim-icerik .adim-alt {font-size:10px; color:#888} .bolge-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:8px} .bolge-pill {background:#2563eb; color:#fff; font-size:11px; font-weight:500; padding:9px 10px; text-align:center; letter-spacing:1px; border-left:2px solid #000} .sss-item {border-bottom:1px solid #e8eef8; padding:16px 0} .sss-item:last-child {border-bottom:none} .sss-soru {font-size:12px; font-weight:500; color:#000; margin-bottom:6px; display:flex; align-items:center; gap:8px; letter-spacing:0.5px} .sss-soru::before {content:''; display:inline-block; width:5px; height:5px; background:#2563eb; border-radius:50%; flex-shrink:0} .sss-cevap {font-size:12px; color:#666; padding-left:13px; line-height:1.6}