/* Hizmet sayfaları ortak stilleri (yeni tasarım). seo-geo, e-ticaret-seo, b2b, klinik, avukat… */

.hz-bas{padding-block:clamp(36px,5vw,64px) clamp(48px,6vw,88px)}
.hz-bas .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:center}
.hz-iz{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.hz-iz a{color:var(--muted);text-decoration:none}
.hz-iz a:hover{color:var(--ink)}
.hz-ust{font-family:var(--f-mono);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.hz-baslik{font-family:var(--f-display);font-weight:700;letter-spacing:-0.035em;line-height:1.04;font-size:clamp(38px,5vw,66px);margin:0 0 24px;text-wrap:balance}
.hz-baslik em{font-style:normal;position:relative;white-space:nowrap}
.hz-baslik em::after{content:"";position:absolute;left:0;right:.04em;bottom:.02em;height:.09em;background:var(--accent);border-radius:2px}
.hz-bas .lead{font-size:clamp(17px,1.5vw,19px);color:var(--muted);max-width:52ch}
.hz-cta{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:30px}
.hz-guven{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:14px;color:var(--muted)}
.hz-guven span::before{content:"✓";color:var(--ink);font-weight:700;margin-right:7px}
.hz-kutu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px}
.hz-kutu ul{list-style:none;margin:14px 0 0;padding:0}
.hz-kutu li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-weight:600}
.hz-kutu li:first-child{border-top:0}
.hz-kutu li i{width:10px;height:10px;border-radius:50%;background:var(--ink);flex:none}
.hz-kutu li i.s{background:var(--accent)}

.hz-iki{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:start}
.hz-iki h2{font-size:clamp(30px,3.8vw,48px);margin-bottom:20px}
.hz-iki .metin{font-size:17px;color:#1d2a44;max-width:60ch}
.hz-degisim{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}
.hz-degisim li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.hz-degisim b{display:block;font-family:var(--f-display);font-size:20px;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px}
.hz-degisim p{color:var(--muted);font-size:15px}
.hz-im{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;border:1.5px solid var(--ink)}
.hz-im.ok{background:var(--accent);border-color:var(--accent)}
.hz-geo{background:var(--deep);color:var(--on-deep);border-radius:var(--radius);padding:clamp(26px,3.5vw,40px)}
.hz-geo .mono{color:var(--on-deep-muted)}
.hz-geo h3{font-size:clamp(24px,2.4vw,30px);margin:12px 0 14px}
.hz-geo p{color:var(--on-deep-muted);margin-bottom:18px}
.hz-geo ul{margin:0;padding:0;list-style:none}
.hz-geo li{padding:10px 0 10px 26px;border-top:1px solid color-mix(in srgb,var(--on-deep) 15%,transparent);position:relative}
.hz-geo li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:3px;background:var(--accent);border-radius:2px}

.hz-tablo{border-top:1px solid var(--ink)}
.hz-tablo .s{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}
.hz-tablo .s.b{font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:-.02em}
.hz-tablo .s.b .g{position:relative;justify-self:start}
.hz-tablo .s.b .g::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:var(--accent);border-radius:2px}
.hz-tablo .e{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}

.hz-adim{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hz-adim article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px}
.hz-adim .n{font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.hz-adim h3{font-size:21px;line-height:1.15}
.hz-adim p{color:var(--muted);font-size:15px;flex:1}
.hz-etiket{align-self:flex-start;font:600 12px var(--f-mono);letter-spacing:.04em;padding:4px 9px;border-radius:999px;border:1.5px solid var(--ink)}
.hz-etiket.geo{background:var(--accent);border-color:var(--accent)}
.hz-etiket.iki{background:var(--ink);color:var(--paper)}

.hz-olc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hz-olc article{border-top:3px solid var(--accent);padding-top:18px}
.hz-olc h3{font-size:22px;margin-bottom:8px}
.hz-olc p{color:var(--muted);font-size:15px}
.hz-kanit{margin-top:clamp(40px,5vw,56px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3.5vw,40px)}
.hz-kanit h3{font-size:clamp(24px,2.6vw,32px);margin:12px 0 14px}
.hz-kanit p{color:var(--muted);margin-bottom:18px}
.hz-kanit dl{margin:0;display:grid;gap:14px}
.hz-kanit dl div{border-top:1px solid var(--line);padding-top:12px}
.hz-kanit dt{font-family:var(--f-display);font-weight:700;font-size:clamp(30px,3vw,40px);letter-spacing:-.035em;line-height:1}
.hz-kanit dd{margin:4px 0 0;color:var(--muted);font-size:14px}

.hz-kim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hz-kim article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,3vw,30px)}
.hz-kim h3{font-size:24px;margin:10px 0 10px}
.hz-kim p{color:var(--muted);font-size:15px;margin-bottom:14px}
.hz-kim ul{list-style:none;margin:0;padding:0}
.hz-kim li{padding:9px 0 9px 24px;border-top:1px solid var(--line);font-size:15px;position:relative}
.hz-kim li::before{content:"✓";position:absolute;left:0;font-weight:700}

.hz-neden{background:var(--deep);color:var(--on-deep)}
.hz-neden .sec-head p{color:var(--on-deep-muted)}
.hz-neden-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:color-mix(in srgb,var(--on-deep) 15%,transparent);border:1px solid color-mix(in srgb,var(--on-deep) 15%,transparent);border-radius:var(--radius);overflow:hidden}
.hz-neden-grid article{background:var(--deep);padding:clamp(22px,3vw,32px)}
.hz-neden-grid h3{font-size:22px;margin-bottom:10px}
.hz-neden-grid h3::before{content:"";display:block;width:24px;height:3px;background:var(--accent);border-radius:2px;margin-bottom:16px}
.hz-neden-grid p{color:var(--on-deep-muted);font-size:15px}

.hz-sss{max-width:860px}
.hz-sss details{border-bottom:1px solid var(--line)}
.hz-sss details:first-of-type{border-top:1px solid var(--ink)}
.hz-sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:600 18px/1.35 var(--f-body)}
.hz-sss summary::-webkit-details-marker{display:none}
.hz-sss summary::after{content:"+";font:400 26px/1 var(--f-body);color:var(--muted);transition:rotate .2s}
.hz-sss details[open] summary::after{rotate:45deg}
.hz-sss .c{color:var(--muted);font-size:17px;line-height:1.65;padding-bottom:22px;max-width:70ch}
.hz-sss .c a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}

.hz-rehber{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.hz-rehber a{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600;font-size:17px}
.hz-rehber a i{font-style:normal;color:var(--muted);transition:translate .2s var(--ease)}
.hz-rehber a:hover i{translate:5px 0;color:var(--ink)}
.hz-rehber a:hover span{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}

@media (max-width:1024px){
  .hz-adim,.hz-olc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hz-neden-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .hz-bas .wrap,.hz-iki,.hz-kanit{grid-template-columns:1fr}
  .hz-kim{grid-template-columns:1fr}
  .hz-tablo .s{grid-template-columns:1fr 1fr;gap:6px 20px}
  .hz-tablo .s .e{grid-column:1/-1}
  .hz-tablo .s.b .e{display:none}
  .hz-rehber{grid-template-columns:1fr}
}
@media (max-width:560px){
  .hz-adim,.hz-olc,.hz-neden-grid{grid-template-columns:1fr}
}
/* ── Hizmet sayfaları: ek bileşenler ── */
.hz-baslik.h1{font-size:clamp(40px,5.4vw,72px)}
.hz-kutu .r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-weight:600}
.hz-kutu .r:first-of-type{border-top:0;margin-top:10px}
.hz-tag{font:600 12px var(--f-mono);letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1.5px solid var(--ink);white-space:nowrap}
.hz-tag.y{background:var(--accent);border-color:var(--accent)}
.hz-tag.k{background:var(--ink);color:var(--paper)}
.hz-tag.risk{border-color:#B4231A;color:#B4231A}
.hz-kart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hz-kart article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,3vw,30px)}
.hz-kart h3{font-size:22px;line-height:1.15;margin-bottom:10px}
.hz-kart h3::before{content:"";display:block;width:24px;height:3px;background:var(--accent);border-radius:2px;margin-bottom:16px}
.hz-kart p{color:var(--muted);font-size:15px}
.hz-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.hz-liste li{padding:16px 0 16px 30px;border-bottom:1px solid var(--line);position:relative;font-size:17px}
.hz-liste li::before{content:"✓";position:absolute;left:0;top:15px;width:20px;height:20px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:700}
.hz-kanit .ust-satir{display:flex;gap:10px;align-items:center}
@media (max-width:1024px){ .hz-kart{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:820px){ .hz-liste{grid-template-columns:1fr} }
@media (max-width:560px){ .hz-kart{grid-template-columns:1fr} }

.hz-rakam{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}
.hz-rakam div{border-top:3px solid var(--accent);padding-top:16px}
.hz-rakam b{display:block;font-family:var(--f-display);font-weight:700;font-size:clamp(44px,5vw,64px);letter-spacing:-.035em;line-height:1}
.hz-rakam span{display:block;color:var(--on-deep-muted);margin-top:8px;max-width:36ch}
.hz-rakam .mono{grid-column:1/-1;color:var(--on-deep-muted);margin:0}
.hz-kart-kucuk article{padding:20px 22px}
.hz-kart-kucuk h3{font-size:19px}
@media (max-width:560px){ .hz-rakam{grid-template-columns:1fr} }

.hz-rakam.acik{margin:22px 0 4px}
.hz-rakam.acik span{color:var(--muted)}
.hz-rakam.acik b{color:var(--ink);font-size:clamp(40px,4.4vw,56px)}

/* Avukat sayfası: zaman çizelgesi, izin/yasak sütunları */
.hz-degisim.zaman{margin-top:0}
.hz-degisim.zaman li{grid-template-columns:116px minmax(0,1fr)}
.hz-degisim .t{font:500 13px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-top:5px}
.hz-kim.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
.hz-kim .yok li::before{content:"✕";color:#B4231A}
.hz-not{font-size:14px;color:var(--muted);margin-top:18px}
@media (max-width:820px){ .hz-kim.iki{grid-template-columns:1fr} }
@media (max-width:560px){ .hz-degisim.zaman li{grid-template-columns:1fr;gap:4px} .hz-degisim .t{padding-top:0} }

/* Yerel sayfalar: şehre özel bloklar */
.hz-takvim{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end}
.hz-takvim div{display:flex;flex-direction:column;align-items:center;gap:8px}
.hz-takvim i{display:block;width:100%;height:calc(var(--h) * 1.6px);min-height:8px;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--ink) 14%,transparent)}
.hz-takvim .z i{background:var(--accent)}
.hz-takvim span{font:500 11px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.hz-takvim-not{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.hz-takvim-not div{border-top:1px solid var(--ink);padding-top:14px}
.hz-takvim-not b{display:block;font-family:var(--f-display);font-size:19px;letter-spacing:-.02em;margin-bottom:4px}
.hz-takvim-not p{color:var(--muted);font-size:15px}
.hz-soru{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hz-soru article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px}
.hz-soru q{quotes:none;font-family:var(--f-display);font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.015em}
.hz-soru q::before{content:"";display:block;width:28px;height:28px;border-radius:50%;background:var(--ink);margin-bottom:12px;mask:radial-gradient(circle at 50% 50%,#000 38%,transparent 40%)}
.hz-soru p{color:var(--muted);font-size:15px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:820px){ .hz-takvim-not,.hz-soru{grid-template-columns:1fr} .hz-takvim span{font-size:9px} }
.hz-sezon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hz-sezon article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:8px}
.hz-sezon article.z{background:var(--deep);color:var(--on-deep);border-color:var(--deep)}
.hz-sezon .ay{font:500 12px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.hz-sezon .z .ay{color:var(--accent)}
.hz-sezon h3{font-size:22px}
.hz-sezon ul{list-style:none;margin:6px 0 0;padding:0}
.hz-sezon li{font-size:15px;color:var(--muted);padding:9px 0;border-top:1px solid var(--line)}
.hz-sezon .z li{color:var(--on-deep-muted);border-color:color-mix(in srgb,var(--on-deep) 15%,transparent)}
@media (max-width:1024px){ .hz-sezon{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .hz-sezon{grid-template-columns:1fr} }

/* Yerel açılış sayfaları: iletişim formu bloğu */
.hz-form-gov{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:start;scroll-margin-top:90px}
.hz-form-gov h2{font-size:clamp(30px,3.8vw,48px);margin:14px 0 16px}
.hz-form-gov .metin{color:var(--muted);font-size:17px;max-width:44ch}
.hz-form-yol{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ink)}
.hz-form-yol a{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600}
.hz-form-yol span.mono{font-weight:400}
.hz-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3.5vw,40px);display:grid;gap:16px}
.hz-form .ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hz-form label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.hz-form label span{color:#B4231A}
.hz-form input,.hz-form textarea,.hz-form select{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:13px 14px;font:400 16px var(--f-body);color:var(--ink)}
.hz-form textarea{min-height:120px;resize:vertical}
.hz-form input:focus,.hz-form textarea:focus,.hz-form select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}
.hz-form button{justify-self:start;cursor:pointer}
.hz-form button:disabled{opacity:.6;cursor:wait}
.hz-form .msg{display:none;border-radius:var(--radius);padding:12px 14px;font-size:14px}
.hz-form .msg.err{display:block;background:#FDECEA;border:1px solid #F3C1BC;color:#8E1B12}
.hz-form .msg.ok{display:block;background:color-mix(in srgb,var(--accent) 22%,var(--surface));border:1px solid var(--accent)}
@media (max-width:900px){ .hz-form-gov{grid-template-columns:1fr} }
@media (max-width:560px){ .hz-form .ikili{grid-template-columns:1fr} }

/* Hizmet sayfaları: müşteri alıntısı */
.hz-alinti{margin:0;max-width:880px;border-left:3px solid var(--accent);padding-left:clamp(20px,3vw,32px)}
.hz-alinti blockquote{margin:0;font-family:var(--f-display);font-weight:600;font-size:clamp(22px,2.6vw,32px);line-height:1.3;letter-spacing:-.02em}
.hz-alinti figcaption{display:flex;gap:12px;align-items:center;margin-top:20px;font-size:15px}
.hz-alinti figcaption b{display:block}
.hz-alinti figcaption span span{color:var(--muted)}
.hz-av{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:600 15px var(--f-body);flex:none}
.hz-tablo .s > span{min-width:0;overflow-wrap:anywhere}