/* Hizmet detay sayfası ortak CSS */
.hz-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;margin-bottom:4rem;align-items:center}
.hz-intro-txt h2{font-size:1.5rem;font-weight:800;margin-bottom:1rem}
.hz-intro-txt p{color:var(--t2);font-size:.95rem;line-height:1.8;font-weight:300;margin-bottom:.8rem}
.hz-intro-box{background:var(--sf);border:1px solid var(--b1);border-radius:var(--rl);padding:2rem}
.hz-intro-box h3{font-size:.95rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.hz-intro-box ul{display:flex;flex-direction:column;gap:.5rem}
.hz-intro-box li{color:var(--t2);font-size:.88rem;font-weight:300;display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}
.hz-intro-box li::before{content:'\2713';color:var(--brand);font-weight:700;flex-shrink:0}

.hz-subs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-bottom:4rem}
.hz-sub{background:var(--sf);border:1px solid var(--b1);border-radius:var(--rl);padding:1.8rem;transition:all .4s}
.hz-sub:hover{border-color:var(--ba);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.12)}
.hz-sub-ic{font-size:1.3rem;margin-bottom:.8rem;display:block}
.hz-sub h3{font-size:1rem;font-weight:700;margin-bottom:.4rem}
.hz-sub p{color:var(--t2);font-size:.85rem;line-height:1.6;font-weight:300;margin-bottom:.8rem}
.hz-sub-tags{display:flex;flex-wrap:wrap;gap:.3rem}
.hz-sub-tag{padding:.15rem .5rem;border-radius:var(--rf);font-size:.6rem;font-weight:600;background:var(--brand-s);color:var(--brand-l);border:1px solid var(--ba)}

.hz-proc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-bottom:4rem;counter-reset:step}
.hz-step{counter-increment:step;background:var(--sf);border:1px solid var(--b1);border-radius:var(--rl);padding:1.5rem;position:relative}
.hz-step::before{content:counter(step,decimal-leading-zero);font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--brand);background:var(--brand-s);padding:.2rem .5rem;border-radius:var(--r);display:inline-block;margin-bottom:.6rem}
.hz-step h4{font-size:.95rem;font-weight:700;margin-bottom:.3rem}
.hz-step p{color:var(--t2);font-size:.82rem;line-height:1.5;font-weight:300}

.hz-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:4rem}
.hz-tech-item{padding:.5rem 1rem;background:var(--sf);border:1px solid var(--b1);border-radius:var(--rf);font-size:.82rem;font-weight:600;color:var(--t2);transition:all .2s}
.hz-tech-item:hover{border-color:var(--ba);color:var(--brand)}

.hz-pkg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem}
.hz-pk{background:var(--sf);border:1px solid var(--b1);border-radius:var(--rl);padding:2rem;display:flex;flex-direction:column;transition:all .3s}
.hz-pk:hover{border-color:var(--ba)}
.hz-pk.feat{border-color:var(--brand)}
.hz-pk-badge{display:inline-block;background:var(--brand);color:#fff;padding:.15rem .6rem;border-radius:var(--rf);font-size:.65rem;font-weight:700;margin-bottom:.8rem;align-self:flex-start}
.hz-pk h3{font-size:1.1rem;font-weight:800;margin-bottom:.3rem}
.hz-pk>p{color:var(--t2);font-size:.85rem;font-weight:300;margin-bottom:1.2rem}
.hz-pk-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.5rem;flex:1}
.hz-pk-li{font-size:.82rem;color:var(--t2);font-weight:300;display:flex;align-items:flex-start;gap:.4rem}
.hz-pk-li::before{content:'\2713';color:var(--brand);font-weight:700;flex-shrink:0}
.hz-pk .btn{width:100%;justify-content:center}

.hz-faq{max-width:720px;margin:0 auto 4rem;display:flex;flex-direction:column;gap:.5rem}
.hz-fq{background:var(--sf);border:1px solid var(--b1);border-radius:var(--rm);overflow:hidden;transition:border-color .3s}
.hz-fq.on{border-color:var(--ba)}
.hz-fq-q{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;cursor:pointer;font-weight:600;font-size:.92rem;user-select:none}
.hz-fq-q:hover{color:var(--brand)}
.hz-fq-q .fa{font-size:.75rem;color:var(--t3);transition:transform .3s}
.hz-fq.on .fa{transform:rotate(180deg);color:var(--brand)}
.hz-fq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.hz-fq-ai{padding:0 1.5rem 1.2rem;color:var(--t2);font-size:.88rem;line-height:1.7;font-weight:300}

.hz-cta{background:var(--sf);border:1px solid var(--b1);border-radius:var(--rxl);padding:3.5rem 2.5rem;text-align:center;position:relative;overflow:hidden}
.hz-cta::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse,var(--brand-s),transparent 60%);pointer-events:none}
.hz-cta h2{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;margin-bottom:.6rem;position:relative;z-index:1}
.hz-cta h2 .ac{color:var(--brand)}
.hz-cta p{color:var(--t2);font-size:.95rem;max-width:450px;margin:0 auto 1.5rem;font-weight:300;position:relative;z-index:1}
.hz-cta .btn{position:relative;z-index:1}

@media(max-width:900px){.hz-intro{grid-template-columns:1fr}}

/* SEO Boost - Ek bölümler */
.hz-detail{margin-bottom:3rem}
.hz-detail h2{font-size:1.4rem;font-weight:800;margin-bottom:1.2rem}
.hz-detail p{color:var(--t2);font-size:.93rem;line-height:1.85;font-weight:300;margin-bottom:1rem}
.hz-detail p strong{color:var(--t1);font-weight:600}

.hz-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:3rem}
.hz-stat{background:var(--sf);border:1px solid var(--b1);border-radius:var(--rl);padding:1.5rem;text-align:center;transition:all .3s}
.hz-stat:hover{border-color:var(--ba);transform:translateY(-2px)}
.hz-stat-num{font-size:2rem;font-weight:800;color:var(--brand);display:block;margin-bottom:.3rem}
.hz-stat-label{font-size:.78rem;color:var(--t2);font-weight:500}

.hz-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:3rem}
.hz-case{background:var(--sf);border:1px solid var(--b1);border-radius:var(--rl);padding:1.5rem;transition:all .3s}
.hz-case:hover{border-color:var(--ba)}
.hz-case-ic{font-size:1.2rem;margin-bottom:.5rem;display:block}
.hz-case h4{font-size:.95rem;font-weight:700;margin-bottom:.3rem}
.hz-case p{color:var(--t2);font-size:.82rem;line-height:1.6;font-weight:300}
