/* AnalitikSoft - ortak header/footer korunarak hizmet sayfalarının özgün içerik stili. */
.seo-page{background:#f8fafc;color:#0f172a;line-height:1.75;padding-top:80px;font-size:16px}
.seo-page *{box-sizing:border-box}.seo-page .container{width:min(1120px,100%);margin:auto;padding:0 24px;max-width:1120px}
.seo-page .hero{background:linear-gradient(115deg,#eaf3ff,#fff 64%,#f1f5f9);padding:80px 0 72px;position:relative}
.seo-page .crumb{font-size:.87rem;color:#64748b;margin:0 0 26px}.seo-page .crumb a{color:#475569}
.seo-page .eyebrow{display:inline-block;font-size:.83rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:#2563eb}
.seo-page h1{font-size:clamp(2.1rem,4.8vw,3.65rem);line-height:1.15;letter-spacing:-.04em;max-width:930px;margin:15px 0 24px;font-weight:850;color:#0f172a}
.seo-page h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.24;letter-spacing:-.025em;margin:0 0 23px;font-weight:800;color:#0f172a}
.seo-page h3{font-size:1.18rem;line-height:1.37;margin:0 0 14px;font-weight:800;color:#0f172a}
.seo-page p{margin:0 0 16px}.seo-page .intro{font-size:1.16rem;max-width:820px;color:#475569}
.seo-page a{color:#1d4ed8}.seo-page a:focus-visible,.seo-page button:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.seo-page .actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}
.seo-page .btn{background:#2563eb;color:white;border:1px solid #2563eb;border-radius:12px;padding:12px 20px;display:inline-block;text-decoration:none;font-weight:750;transition:background .2s}
.seo-page .btn:hover{background:#1d4ed8}.seo-page .btn-outline{background:#fff;color:#1d4ed8;border-color:#bfdbfe}.seo-page .btn-outline:hover{background:#eff6ff}
.seo-page .section{padding:72px 0}.seo-page .section-white{background:white}.seo-page .section-alt{background:#f1f5f9}
.seo-page .cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:45px;align-items:start}
.seo-page .content p,.seo-page .content li{color:#475569}.seo-page .content li{margin-bottom:11px}.seo-page .content ul,.seo-page .content ol{padding-left:22px;margin:0 0 23px;list-style:disc}.seo-page .content ol{list-style:decimal}.seo-page .content>h2:not(:first-child){margin-top:38px;scroll-margin-top:110px}
.seo-page .sidebox,.seo-page .card{border:1px solid #dbe4ee;border-radius:18px;background:#fff;box-shadow:0 10px 25px #0f172a07;padding:27px}
.seo-page .sidebox{position:sticky;top:106px}.seo-page .sidebox ul{list-style:none;padding:0;margin:0}.seo-page .sidebox li{margin:0;border-bottom:1px solid #e2e8f0;padding:10px 0}.seo-page .sidebox li:last-child{border:0}
.seo-page .sidebox a{text-decoration:none;font-weight:650}.seo-page .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.seo-page .card p{color:#475569;font-size:.96rem}.seo-page .card a{font-weight:700;text-decoration:none}
.seo-page .faq{max-width:860px}.seo-page .faq details{background:white;border:1px solid #dbe4ee;border-radius:12px;margin-bottom:12px;padding:15px 22px}.seo-page .faq summary{font-weight:800;cursor:pointer}.seo-page .faq details p{color:#475569;margin:15px 0 4px}
.seo-page .cta{background:#0f172a;color:#fff;padding:62px 0}.seo-page .cta h2{color:#fff}.seo-page .cta p{color:#cbd5e1;max-width:810px}
.seo-page .deep-dive{background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid #e2e8f0}.seo-page .deep-dive .content{max-width:920px}.seo-page .deep-dive h2{scroll-margin-top:110px}.seo-page .deep-dive h3{margin-top:25px}.seo-page .deep-dive ul{padding-left:27px;list-style:disc;color:#475569;margin-bottom:25px}.seo-page .deep-dive li{margin:7px 0}.seo-page .deep-dive .note{background:#eff6ff;border-left:4px solid #2563eb;padding:17px 22px;margin:24px 0;border-radius:0 12px 12px 0;color:#1e293b}.seo-page .deep-dive .table-wrap{width:100%;overflow-x:auto;border:1px solid #dbe4ee;border-radius:14px;margin:20px 0 27px}.seo-page .deep-dive table{border-collapse:collapse;width:100%;min-width:500px;text-align:left}.seo-page .deep-dive th,.seo-page .deep-dive td{padding:14px 17px;border-bottom:1px solid #dbe4ee;vertical-align:top}.seo-page .deep-dive th{background:#eff6ff;font-weight:800}.seo-page .deep-dive tr:last-child td{border:0}
@media(max-width:920px){.seo-page .cols{grid-template-columns:1fr}.seo-page .sidebox{position:static}.seo-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.seo-page .container{padding:0 19px}.seo-page .hero{padding:54px 0 56px}.seo-page .section{padding:48px 0}.seo-page .cards{grid-template-columns:1fr}.seo-page .actions .btn{width:100%;text-align:center}.seo-page .cta{padding:48px 0}}

/* Tablolar ve not kutuları yeni ve mevcut tüm hizmet sayfalarında. */
.seo-page .table-wrap{width:100%;overflow-x:auto;border:1px solid #dbe4ee;border-radius:14px;margin:20px 0 27px;background:#fff}
.seo-page .table-wrap table{border-collapse:collapse;width:100%;min-width:510px;text-align:left;font-size:.94rem}
.seo-page .table-wrap th,.seo-page .table-wrap td{padding:14px 17px;border-bottom:1px solid #dbe4ee;vertical-align:top}
.seo-page .table-wrap th{background:#eff6ff;font-weight:800;white-space:normal}.seo-page .table-wrap tr:last-child td{border:0}
.seo-page .note{background:#eff6ff;border-left:4px solid #2563eb;padding:17px 22px;margin:24px 0;border-radius:0 12px 12px 0;color:#1e293b}
.seo-page .content code{background:#eff6ff;padding:1px 4px;border-radius:4px}
.seo-page .content,.seo-page .container,.seo-page .cols,.seo-page article,.seo-page aside{min-width:0}
.seo-page .table-wrap{max-width:100%}
@media(max-width:920px){.seo-page .cols{grid-template-columns:minmax(0,1fr)}}

/* SEO rehberindeki karar tabloları: masaüstünde tablo, telefonda okunabilir bilgi kartı. */
.seo-page .table-wrap table.decision-table{width:100%;min-width:0}
.seo-page .decision-table th[scope="row"]{font-weight:800;color:#172554;text-align:left;background:#fafcff}
.seo-page .decision-table td{overflow-wrap:break-word}
.seo-page .table-wrap[role="region"]:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:640px){
 .seo-page .table-wrap:has(> .decision-table){border:none;overflow:visible;background:transparent}
 .seo-page .decision-table,.seo-page .decision-table tbody,.seo-page .decision-table tr,.seo-page .decision-table th[scope="row"],.seo-page .decision-table td{display:block;width:100%;min-width:0}
 .seo-page .decision-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .seo-page .decision-table tr{border:1px solid #dbe4ee;border-radius:13px;background:#fff;overflow:hidden;margin:0 0 12px;box-shadow:0 4px 14px rgba(15,23,42,.035)}
 .seo-page .decision-table th[scope="row"]{padding:14px 16px 12px;border-bottom:1px solid #e2e8f0;background:#eff6ff}
 .seo-page .decision-table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;font-size:.9rem}
 .seo-page .decision-table td:last-child{border-bottom:0;padding-bottom:15px}
 .seo-page .decision-table td::before{content:attr(data-label);display:block;color:#1d4ed8;font-weight:800;font-size:.74rem;letter-spacing:.01em;margin-bottom:3px}
}

/* Web sitesi türleri: tablo başlığı ve mobil kartlar. */
.seo-page .website-types-table caption{caption-side:top;text-align:left;font-size:.95rem;font-weight:750;color:#334155;padding:12px 16px;background:#f8fafc}
.seo-page .website-types-table th[scope="row"]{width:27%}
.seo-page .website-types-table tbody tr:nth-child(even) td{background:#fafcff}
@media(max-width:640px){
 .seo-page .website-types-table caption{display:block;padding:10px 12px 14px;margin-bottom:8px;border-radius:10px}
 .seo-page .website-types-table th[scope="row"]{width:100%}
 .seo-page .website-types-table tbody tr:nth-child(even) td{background:transparent}
}
