/* Bubixo SEO landing + blog pages. Bagimsiz dosya: mevcut styles.css'e dokunulmaz. */
.seo-shell{padding:34px 0 64px}
.seo-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;color:var(--muted,#657180);font-size:13px}
.seo-crumbs a{color:var(--muted,#657180)}
.seo-crumbs span[aria-current]{color:var(--ink,#17212b);font-weight:650}
.seo-hero{display:grid;gap:22px;padding:28px;border:1px solid var(--line,#e4e8eb);border-radius:var(--radius,18px);background:linear-gradient(135deg,#eff9f6 0,#fff 62%,#f8f2ec 100%)}
.seo-hero h1{margin:10px 0 12px;font-size:37px;line-height:1.16;letter-spacing:-.035em}
.seo-hero p.seo-lede{margin:0;max-width:62ch;color:#3d4c58;font-size:17px;line-height:1.62}
.seo-badge{display:inline-block;padding:5px 11px;border-radius:999px;background:rgba(12,122,104,.1);color:var(--brand-dark,#075c50);font-size:12px;font-weight:800;letter-spacing:.05em}
.seo-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:4px}
.seo-actions .button{min-height:46px}
.seo-free{margin:14px 0 0;color:var(--brand-dark,#075c50);font-size:14px;font-weight:700}
.seo-body{max-width:820px;margin-top:40px}
.seo-body h2{margin:38px 0 10px;font-size:26px;line-height:1.25;letter-spacing:-.025em}
.seo-body h3{margin:26px 0 6px;font-size:19px;letter-spacing:-.015em}
.seo-body p{margin:0 0 14px;color:#43525e;font-size:16px;line-height:1.72}
.seo-body ul,.seo-body ol{margin:0 0 16px;padding-inline-start:22px;color:#43525e;font-size:16px;line-height:1.7}
.seo-body li{margin-bottom:7px}
.seo-body li::marker{color:var(--brand,#0c7a68)}
.seo-note{margin:26px 0;padding:18px 20px;border:1px solid var(--line,#e4e8eb);border-inline-start:4px solid var(--brand,#0c7a68);border-radius:12px;background:var(--paper,#fff)}
.seo-note p:last-child{margin-bottom:0}
.seo-note strong{display:block;margin-bottom:6px}
.seo-safety{padding:20px 22px;border-radius:14px;background:#fff7f3;border:1px solid #f2ddd4}
.seo-safety h2{margin-top:0}
.seo-links{margin:40px 0 0}
.seo-link-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.seo-link-grid a{display:block;padding:16px 18px;border:1px solid var(--line,#e4e8eb);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#17212b)}
.seo-link-grid a:hover{border-color:var(--brand,#0c7a68);text-decoration:none}
.seo-link-grid strong{display:block;margin-bottom:4px;color:var(--brand-dark,#075c50)}
.seo-link-grid span{color:var(--muted,#657180);font-size:14px;line-height:1.55}
.seo-faq{margin-top:40px}
.seo-faq details{margin-bottom:10px;padding:14px 16px;border:1px solid var(--line,#e4e8eb);border-radius:12px;background:var(--paper,#fff)}
.seo-faq summary{cursor:pointer;font-weight:750}
.seo-faq details p{margin:10px 0 0;color:#43525e}
.seo-cta{display:grid;gap:16px;margin-top:44px;padding:26px;border-radius:var(--radius,18px);background:var(--brand-dark,#075c50);color:#fff}
.seo-cta h2{margin:0;color:#fff;font-size:24px}
.seo-cta p{margin:8px 0 0;color:#d5eee7;font-size:15px;line-height:1.6}
.seo-cta .button{background:#fff;color:var(--brand-dark,#075c50)}
.seo-cta .button.secondary{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.seo-meta{margin:0 0 18px;color:var(--muted,#657180);font-size:13px}
.post-list{display:grid;gap:14px;margin-top:26px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.post-list article{padding:20px;border:1px solid var(--line,#e4e8eb);border-radius:14px;background:var(--paper,#fff)}
.post-list h2{margin:0 0 8px;font-size:20px;line-height:1.3}
.post-list p{margin:0 0 12px;color:var(--muted,#657180);font-size:15px;line-height:1.6}
.guides-block{padding:46px 0;border-top:1px solid var(--line,#e4e8eb);background:var(--paper,#fff)}
.guides-block h2{margin:0 0 6px;font-size:26px;letter-spacing:-.025em}
.guides-block > .container > p{margin:0 0 20px;max-width:64ch;color:var(--muted,#657180)}
@media (min-width:760px){
  .seo-hero{padding:40px}
  .seo-hero h1{font-size:44px}
  .seo-cta{grid-template-columns:1.4fr auto;align-items:center;padding:32px}
}
@media (max-width:520px){
  .seo-hero{padding:22px}
  .seo-hero h1{font-size:29px}
  .seo-actions .button{width:100%}
}
[dir="rtl"] .seo-body ul,[dir="rtl"] .seo-body ol{padding-inline-start:22px}