/* ==========================================================================
   seo.css — SEO Paketleri landing + ana sayfa özet bölümü
   Açık/şık tema; base.css ile birlikte yüklenir.
   ========================================================================== */
:root{
  --seo-ink:#1f1f1f; --seo-mut:#5f6368; --seo-line:rgba(0,0,0,0.09);
  --seo-green:#137333; --seo-green-soft:#e6f4ea; --seo-gold:#b8860b; --seo-gold2:#caa23a;
}

/* ---- HERO ---- */
.seo-hero{ background:#fff; padding:46px 0 10px; text-align:center; }
.seo-hero .eyebrow{ display:inline-flex; align-items:center; gap:7px; background:var(--seo-green-soft); color:var(--seo-green); font-size:12px; font-weight:700; letter-spacing:.4px; padding:7px 14px; border-radius:100px; text-transform:uppercase; }
.seo-hero h1{ font-size:40px; font-weight:800; letter-spacing:-1px; margin:18px 0 10px; color:var(--seo-ink); }
.seo-hero h1 .hl{ color:var(--seo-green); }
.seo-hero .sub{ font-size:16px; color:var(--seo-mut); max-width:720px; margin:0 auto; line-height:1.6; }
.seo-badges{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:24px auto 6px; max-width:880px; }
.seo-badges span{ background:#fff; border:1px solid var(--seo-line); border-radius:100px; padding:8px 15px; font-size:13px; color:var(--seo-mut); display:inline-flex; align-items:center; gap:7px; }
.seo-badges span b{ color:var(--seo-ink); font-weight:600; }

/* ---- ANALİZ ŞERİDİ ---- */
.seo-analyze{ max-width:1000px; margin:26px auto 0; background:linear-gradient(180deg,#fbfbfd,#f4f6f9); border:1px solid var(--seo-line); border-radius:18px; padding:22px; text-align:center; }
.seo-analyze .t{ font-size:18px; font-weight:700; color:var(--seo-ink); }
.seo-analyze .t b{ color:var(--seo-green); }
.seo-analyze .d{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:14px; }
.seo-analyze .d span{ background:#fff; border:1px solid var(--seo-line); border-radius:100px; padding:8px 15px; font-size:13px; color:var(--seo-mut); }
.seo-analyze .d span b{ color:var(--seo-ink); }

/* ---- 21 GÜN UYARISI ---- */
.seo-notice{ max-width:1000px; margin:22px auto 0; background:#fff; border:1px solid var(--seo-line); border-left:4px solid var(--seo-green); border-radius:14px; padding:18px 22px; }
.seo-notice .h{ font-size:15px; font-weight:700; color:var(--seo-ink); }
.seo-notice p{ font-size:13.5px; color:var(--seo-mut); margin-top:8px; line-height:1.6; }

/* ---- BÖLÜM BAŞLIĞI ---- */
.seo-secthead{ text-align:center; max-width:760px; margin:56px auto 4px; }
.seo-secthead h2{ font-size:30px; font-weight:800; letter-spacing:-.6px; color:var(--seo-ink); }
.seo-secthead h2 b{ color:var(--seo-green); }
.seo-secthead.gold h2 b{ color:var(--seo-gold); }
.seo-secthead p{ font-size:15px; color:var(--seo-mut); margin-top:8px; line-height:1.6; }

/* ---- PAKET GRID ---- */
.seo-wrap{ max-width:1280px; margin:0 auto; padding:0 28px; }
.pkg3{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:start; margin:26px 0 0; }
.pkg2{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; align-items:start; margin:26px auto 0; max-width:1240px; }

.spkg{ position:relative; background:#fff; border:1px solid var(--seo-line); border-radius:22px; padding:28px 26px; transition:transform .2s, box-shadow .2s; overflow:hidden; }
.spkg:hover{ transform:translateY(-4px); box-shadow:0 18px 44px rgba(0,0,0,0.10); }

/* Popüler (koyu) */
.spkg.pop{ background:#1b1d22; border-color:#1b1d22; color:#fff; box-shadow:0 22px 50px rgba(0,0,0,0.22); }
.spkg.pop .spkg-tier,.spkg.pop .spkg-grp,.spkg.pop .spkg-lvlt{ color:#aeb6c6; }
.spkg.pop .spkg-name{ color:#fff; }
.spkg.pop li{ color:#d7deef; }
.spkg.pop li b{ color:#fff; }
.spkg.pop .spkg-old{ color:#6b7280; }
.spkg.pop .spkg-bar{ background:#333a48; }

/* Ultra (gold) */
.spkg.ultra{ border-color:#ece2c2; }
.spkg.ultra::before{ content:""; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg,var(--seo-gold),var(--seo-gold2)); }
.spkg.ultra .spkg-name{ color:var(--seo-gold); }
.spkg.ultra .spkg-price{ color:var(--seo-gold); }

.spkg-ribbon{ position:absolute; top:16px; right:-40px; transform:rotate(45deg); background:var(--seo-green); color:#fff; font-weight:700; font-size:11px; letter-spacing:.4px; padding:5px 46px; }
.spkg-tier{ font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--seo-mut); font-weight:600; }
.spkg-name{ font-size:26px; font-weight:800; letter-spacing:-.5px; margin:6px 0 4px; color:var(--seo-ink); }
.spkg-price{ font-size:36px; font-weight:800; letter-spacing:-1px; color:var(--seo-ink); }
.spkg-price small{ font-size:15px; font-weight:600; color:var(--seo-mut); }
.spkg-old{ font-size:14px; color:#6b7280; text-decoration:line-through; margin-left:8px; font-weight:600; }

.spkg-signal{ margin:16px 0 6px; background:var(--seo-green-soft); border-radius:14px; padding:13px; text-align:center; }
.spkg.pop .spkg-signal{ background:rgba(255,255,255,0.08); }
.spkg.ultra .spkg-signal{ background:#faf5e6; }
.spkg-signal b{ display:block; font-size:26px; font-weight:800; color:var(--seo-green); letter-spacing:-.5px; line-height:1; }
.spkg.pop .spkg-signal b{ color:#6ee29f; }
.spkg.ultra .spkg-signal b{ color:var(--seo-gold); }
.spkg-signal span{ display:block; font-size:11px; color:var(--seo-mut); margin-top:5px; letter-spacing:.4px; font-weight:600; }
.spkg.pop .spkg-signal span{ color:#aeb6c6; }
.spkg-signote{ font-size:11px; color:#8a909c; line-height:1.45; margin:8px 2px 12px; text-align:center; }
.spkg.pop .spkg-signote{ color:#8089a0; }

.spkg-bar{ height:7px; border-radius:7px; background:#eceef1; overflow:hidden; margin:6px 0 5px; }
.spkg-bar i{ display:block; height:100%; border-radius:7px; background:linear-gradient(90deg,var(--seo-green),#1aa564); }
.spkg.ultra .spkg-bar i{ background:linear-gradient(90deg,var(--seo-gold),var(--seo-gold2)); }
.spkg-lvlt{ font-size:12px; color:var(--seo-mut); margin-bottom:16px; }

.spkg-cta-row{ display:flex; flex-direction:column; gap:9px; margin-bottom:18px; }
.spkg-btn{ display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-weight:700; font-size:14px; border-radius:12px; padding:13px; transition:all .2s; }
.spkg-btn.order{ background:var(--seo-ink); color:#fff; }
.spkg-btn.order:hover{ background:#000; }
.spkg.pop .spkg-btn.order{ background:#fff; color:#1b1d22; }
.spkg.pop .spkg-btn.order:hover{ background:#e9eef6; }
.spkg.ultra .spkg-btn.order{ background:linear-gradient(90deg,var(--seo-gold),var(--seo-gold2)); color:#1a1206; }
.spkg-btn.wa{ background:transparent; color:var(--seo-green); border:1.5px solid #b9e0c6; }
.spkg-btn.wa:hover{ background:var(--seo-green-soft); }
.spkg.pop .spkg-btn.wa{ color:#6ee29f; border-color:#36507e; }
.spkg.pop .spkg-btn.wa:hover{ background:rgba(255,255,255,0.06); }

.spkg-grp{ font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--seo-mut); font-weight:700; margin:18px 0 8px; }
.spkg ul{ list-style:none; margin:0; padding:0; }
.spkg li{ display:flex; gap:9px; align-items:flex-start; font-size:14px; line-height:1.55; margin:8px 0; color:#2a3039; }
.spkg li.big{ font-weight:700; color:var(--seo-ink); }
.spkg li b{ color:var(--seo-ink); font-weight:700; }
.spkg .ck{ color:var(--seo-green); font-weight:800; flex-shrink:0; }
.spkg .xs{ color:#6b7280; }
.spkg .pn{ color:var(--seo-mut); font-weight:400; }

/* ---- GARANTİ ŞERİDİ + AÇIKLAMA ---- */
.seo-foot{ max-width:1100px; margin:48px auto 0; background:#fff; border:1px solid var(--seo-line); border-radius:18px; padding:22px 26px; }
.seo-foot .row{ display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:center; }
.seo-foot .row span{ font-size:13.5px; color:var(--seo-mut); display:inline-flex; align-items:center; gap:7px; }
.seo-foot .row span b{ color:var(--seo-ink); font-weight:600; }
.seo-foot .disc{ margin-top:16px; padding-top:16px; border-top:1px solid var(--seo-line); font-size:14px; color:#565e6b; line-height:1.7; }
.seo-foot .disc b{ color:var(--seo-ink); }

/* ---- ANA SAYFA ÖZET KARTLARI ---- */
.seopack-mini{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:8px; }
.mini-pk{ position:relative; background:#fff; border:1px solid var(--seo-line); border-radius:18px; padding:24px 22px; transition:transform .2s, box-shadow .2s; }
.mini-pk:hover{ transform:translateY(-4px); box-shadow:0 16px 38px rgba(0,0,0,0.09); }
.mini-pk.pop{ background:#1b1d22; border-color:#1b1d22; color:#fff; }
.mini-pk .mtier{ font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--seo-mut); font-weight:600; }
.mini-pk.pop .mtier{ color:#aeb6c6; }
.mini-pk .mname{ font-size:22px; font-weight:800; letter-spacing:-.5px; margin:5px 0 6px; }
.mini-pk.ultra .mname{ color:var(--seo-gold); }
.mini-pk .mprice{ font-size:30px; font-weight:800; letter-spacing:-1px; }
.mini-pk .mprice small{ font-size:14px; color:var(--seo-mut); font-weight:600; }
.mini-pk .mold{ font-size:13px; color:#9aa0ab; text-decoration:line-through; margin-left:6px; }
.mini-pk .msig{ margin:12px 0; font-size:13px; color:var(--seo-green); font-weight:700; }
.mini-pk.pop .msig{ color:#6ee29f; }
.mini-pk ul{ list-style:none; margin:0 0 16px; padding:0; }
.mini-pk li{ display:flex; gap:8px; font-size:13px; margin:6px 0; color:#3c4250; }
.mini-pk.pop li{ color:#d2d8e4; }
.mini-pk li .ck{ color:var(--seo-green); font-weight:800; }
.mini-pk .mbtn{ display:block; text-align:center; text-decoration:none; font-weight:700; font-size:14px; border-radius:11px; padding:12px; background:var(--seo-ink); color:#fff; transition:background .2s; }
.mini-pk .mbtn:hover{ background:#000; }
.mini-pk.pop .mbtn{ background:#fff; color:#1b1d22; }
.mini-pk.pop .mbtn:hover{ background:#e9eef6; }
.mini-pk.ultra .mbtn{ background:linear-gradient(90deg,var(--seo-gold),var(--seo-gold2)); color:#1a1206; }
.mini-pk .mribbon{ position:absolute; top:14px; right:14px; background:var(--seo-green); color:#fff; font-size:10px; font-weight:700; letter-spacing:.4px; padding:4px 10px; border-radius:100px; }
.seopack-allbtn{ text-align:center; margin-top:26px; }

/* ---- Hero güven şeridi ---- */
.hero-trust{ display:flex; gap:10px 24px; justify-content:center; flex-wrap:wrap; margin:20px 0 4px; }
.hero-trust span{ display:inline-flex; align-items:center; gap:7px; font-size:14px; font-weight:500; color:#5f6368; }
.hero-trust span svg{ color:var(--seo-green); flex-shrink:0; }

/* ---- İkonlar (emoji yerine SVG) ---- */
.bi{ color:var(--seo-green); vertical-align:-2px; flex-shrink:0; }
.seo-analyze .d span{ display:inline-flex; align-items:center; gap:7px; }
.spkg-name .bi{ color:var(--seo-green); vertical-align:-3px; margin-right:4px; }

/* ===== GEO (AI Arama) BANDI — açık tema ===== */
.geo-band{ background:linear-gradient(180deg,#f7fbf8,#eef5f0); padding:60px 0; margin-top:6px; border-top:1px solid rgba(0,0,0,.05); border-bottom:1px solid rgba(0,0,0,.05); }
.geo-head2{ text-align:center; max-width:760px; margin:0 auto 32px; }
.geo-eyebrow{ display:inline-flex; align-items:center; gap:7px; background:var(--seo-green-soft); color:var(--seo-green); font-size:12px; font-weight:700; letter-spacing:.5px; padding:7px 14px; border-radius:100px; text-transform:uppercase; }
.geo-eyebrow svg{ color:var(--seo-green); }
.geo-head2 h2{ font-size:32px; font-weight:800; letter-spacing:-.7px; margin:16px 0 10px; color:var(--seo-ink); }
.geo-head2 h2 b{ color:var(--seo-green); }
.geo-head2 p{ font-size:15.5px; color:var(--seo-mut); line-height:1.6; }
.geo-grid{ display:grid; grid-template-columns:1.12fr .88fr; gap:20px; align-items:stretch; }
.geo-card{ background:#fff; border:1px solid var(--seo-line); border-radius:18px; padding:22px; box-shadow:0 6px 20px rgba(0,0,0,.04); }
.geo-sim-top{ display:flex; align-items:center; gap:6px; margin-bottom:14px; color:#9aa0ab; font-size:12.5px; }
.geo-dot{ width:9px; height:9px; border-radius:50%; }
.geo-q{ background:#f1f3f4; border-radius:12px 12px 12px 4px; padding:11px 14px; font-size:14px; color:#3c4250; max-width:88%; margin-bottom:14px; }
.geo-a{ background:#fff; border:1px solid var(--seo-line); border-radius:12px 12px 4px 12px; padding:13px 15px; font-size:14.5px; line-height:1.65; color:#1f1f1f; margin-left:auto; max-width:94%; min-height:104px; box-shadow:0 2px 8px rgba(0,0,0,.03); }
.geo-a .cur{ display:inline-block; width:8px; height:15px; background:var(--seo-green); vertical-align:-2px; animation:geoBlink 1s step-end infinite; }
@keyframes geoBlink{ 50%{ opacity:0; } }
.geo-brand{ color:var(--seo-green); font-weight:700; }
.geo-sources{ display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.geo-src{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#9aa0ab; background:#fff; border:1px solid var(--seo-line); border-radius:100px; padding:6px 12px; opacity:.5; transition:all .45s; }
.geo-src svg{ color:#c0c5cd; }
.geo-src.on{ opacity:1; color:var(--seo-ink); border-color:#b9e0c6; }
.geo-src.on svg{ color:var(--seo-green); }
.geo-score{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.geo-ring{ position:relative; width:170px; height:170px; }
.geo-ring .gv{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.geo-ring .gv b{ font-size:46px; font-weight:800; color:var(--seo-ink); letter-spacing:-1.5px; line-height:1; }
.geo-ring .gv span{ font-size:10.5px; color:var(--seo-mut); letter-spacing:.6px; margin-top:5px; text-transform:uppercase; }
.geo-sclabel{ margin-top:14px; font-size:14px; color:var(--seo-mut); }
.geo-sclabel b{ color:var(--seo-green); }
.geo-mets{ display:flex; gap:10px; margin-top:18px; width:100%; }
.geo-met{ flex:1; background:#f8fafc; border:1px solid var(--seo-line); border-radius:12px; padding:12px; text-align:center; }
.geo-met b{ display:block; font-size:21px; font-weight:800; color:var(--seo-green); }
.geo-met span{ font-size:11px; color:var(--seo-mut); }
.geo-packs{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:22px; }
.geo-pk{ background:#fff; border:1px solid var(--seo-line); border-radius:16px; padding:20px; box-shadow:0 6px 20px rgba(0,0,0,.04); }
.geo-pk.turbo{ border-color:#cfe9d8; }
.geo-pk .gpt{ font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--seo-mut); }
.geo-pk .gpn{ font-size:18px; font-weight:800; color:var(--seo-ink); margin:4px 0; }
.geo-pk.turbo .gpn{ color:var(--seo-green); }
.geo-pk .gpp{ font-size:27px; font-weight:800; color:var(--seo-ink); letter-spacing:-.5px; }
.geo-pk .gpp small{ font-size:13px; color:var(--seo-mut); font-weight:600; }
.geo-pk .gpo{ font-size:13px; color:#9aa0ab; text-decoration:line-through; margin-left:6px; font-weight:600; }
.geo-pk .gpd{ font-size:12.5px; color:var(--seo-mut); margin:7px 0 14px; }
.geo-pk-cta{ display:flex; gap:8px; }
.geo-pk .spkg-btn{ flex:1; padding:11px; font-size:13px; }
.geo-allwrap{ text-align:center; margin-top:24px; }
.geo-allbtn{ display:inline-flex; align-items:center; gap:8px; color:var(--seo-ink); border:1.5px solid #d2d5d9; border-radius:100px; padding:12px 26px; font-weight:600; font-size:15px; text-decoration:none; transition:all .2s; }
.geo-allbtn:hover{ border-color:var(--seo-ink); background:#f8f9fa; }

/* ===== Popüler kartı: açık + vurgulu (okunaklı) ===== */
.spkg.pop{ background:#fff !important; border:2px solid var(--seo-green) !important; color:var(--seo-ink) !important; box-shadow:0 24px 54px rgba(19,115,51,.14) !important; transform:translateY(-8px); }
.spkg.pop .spkg-name{ color:var(--seo-ink); }
.spkg.pop .spkg-tier,.spkg.pop .spkg-grp,.spkg.pop .spkg-lvlt,.spkg.pop .spkg-signal span,.spkg.pop .pn{ color:var(--seo-mut); }
.spkg.pop li{ color:#3c4250; }
.spkg.pop li.big,.spkg.pop li b{ color:var(--seo-ink); }
.spkg.pop .spkg-old{ color:#6b7280; }
.spkg.pop .spkg-bar{ background:#eceef1; }
.spkg.pop .spkg-signal{ background:var(--seo-green-soft); }
.spkg.pop .spkg-signal b{ color:var(--seo-green); }
.spkg.pop .spkg-signote{ color:#8a909c; }
.spkg.pop .spkg-btn.order{ background:var(--seo-ink); color:#fff; }
.spkg.pop .spkg-btn.order:hover{ background:#000; }
.spkg.pop .spkg-btn.wa{ background:transparent; color:var(--seo-green); border:1.5px solid #b9e0c6; }
.spkg.pop .spkg-btn.wa:hover{ background:var(--seo-green-soft); }

/* ===== Faydalar ===== */
.seo-benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:26px 0 0; }
.ben-card{ background:#fff; border:1px solid var(--seo-line); border-radius:16px; padding:22px; transition:transform .2s, box-shadow .2s; }
.ben-card:hover{ transform:translateY(-3px); box-shadow:0 14px 32px rgba(0,0,0,.07); }
.ben-ico{ display:none; }
.ben-card h3{ font-size:16px; font-weight:700; color:var(--seo-ink); margin:0 0 6px; }
.ben-card p{ font-size:13.5px; color:var(--seo-mut); line-height:1.6; margin:0; }

/* ===== Yeni hero (split) ===== */
.seo-hero2{ position:relative; overflow:hidden; background:radial-gradient(rgba(19,115,51,0.05) 1px, transparent 1.6px) 0 0/24px 24px, radial-gradient(1100px 480px at 82% -12%, #e7f6ed 0%, rgba(231,246,237,0) 62%), radial-gradient(820px 420px at 6% 116%, #ecf8ef 0%, rgba(236,248,239,0) 60%), linear-gradient(180deg,#ffffff,#f1f9f4); padding:62px 0 54px; }
.seo-hero2::before{ content:""; position:absolute; top:-130px; right:-90px; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle, rgba(19,115,51,.12), rgba(19,115,51,0) 70%); pointer-events:none; }
.seo-hero2::after{ content:""; position:absolute; bottom:-150px; left:-110px; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle, rgba(19,115,51,.07), rgba(19,115,51,0) 70%); pointer-events:none; }
.seo-hero2 > .container{ position:relative; z-index:1; }
.hero2-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; }
.hero2-chip{ display:inline-flex; align-items:center; gap:8px; background:#fff; color:var(--seo-green); font-size:14px; font-weight:700; padding:8px 16px; border-radius:100px; border:1px solid #cdeed8; box-shadow:0 6px 18px rgba(19,115,51,.10); }
.hb-dot{ width:7px; height:7px; border-radius:50%; background:var(--seo-green); }
.hero2-left h1{ font-size:50px; font-weight:900; letter-spacing:-1.9px; line-height:1.04; color:var(--seo-ink); margin:20px 0 16px; }
.hero2-left h1 .hl{ background:linear-gradient(90deg,#137333,#28c46c); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.hero2-left > p{ font-size:16px; color:var(--seo-mut); line-height:1.65; max-width:520px; margin:0 0 24px; }
.hero2-cta{ display:flex; gap:12px; flex-wrap:wrap; }
.hero2-btn{ display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; border-radius:12px; padding:14px 24px; text-decoration:none; transition:all .2s; }
.hero2-btn.primary{ background:linear-gradient(90deg,#137333,#19a35a); color:#fff; box-shadow:0 12px 26px rgba(19,115,51,.28); }
.hero2-btn.primary:hover{ filter:brightness(1.06); transform:translateY(-1px); }
.hero2-btn.ghost{ background:#fff; color:var(--seo-green); border:1.5px solid #b9e0c6; }
.hero2-btn.ghost:hover{ background:var(--seo-green-soft); }
.hero2-trust{ display:flex; align-items:center; gap:10px; margin-top:22px; font-size:13.5px; color:var(--seo-mut); }
.hero2-trust b{ color:var(--seo-ink); }
.h2-stars{ display:inline-flex; color:#f5b301; }
.hero2-engines{ margin-top:22px; }
.hero2-engines .he-lbl{ display:block; font-size:14px; font-weight:600; color:#565e6b; }
.hero2-engines .he-list{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.hero2-engines .he-list span{ font-size:14px; font-weight:700; color:#5b6472; background:#fff; border:1px solid #e3e7ee; border-radius:100px; padding:6px 14px; box-shadow:0 2px 8px rgba(20,30,60,.04); }
.spkg-plat{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 2px; }
.spkg-plat span{ font-size:14px; font-weight:600; color:#5b6472; background:#f4f6f8; border:1px solid #e7eaef; border-radius:100px; padding:4px 11px; }
.result-card{ position:relative; background:linear-gradient(180deg,#ffffff,#fbfdfb); border:1px solid #e3efe8; border-radius:24px; padding:24px; box-shadow:0 34px 80px rgba(19,115,51,.16); }
.result-card::after{ content:""; position:absolute; top:0; left:24px; right:24px; height:4px; border-radius:0 0 6px 6px; background:linear-gradient(90deg,#137333,#28c46c); }
.rc-top{ display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--seo-ink); margin-bottom:12px; }
.rc-live{ width:9px; height:9px; border-radius:50%; background:var(--seo-green); box-shadow:0 0 0 4px rgba(19,115,51,.15); }
.rc-chart{ width:100%; height:120px; display:block; }
.rc-metrics{ display:flex; gap:12px; margin:14px 0; }
.rc-m{ flex:1; background:#f6faf7; border:1px solid var(--seo-line); border-radius:12px; padding:12px; }
.rc-m b{ display:block; font-size:22px; font-weight:800; color:var(--seo-green); letter-spacing:-.5px; }
.rc-m span{ font-size:11.5px; color:var(--seo-mut); }
.rc-badges{ display:flex; gap:8px; flex-wrap:wrap; }
.rc-badges span{ display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600; color:var(--seo-ink); background:#f1f3f4; border-radius:100px; padding:6px 11px; }
.rc-badges svg{ color:var(--seo-green); }

/* ===== İstatistik şeridi ===== */
.seo-stats{ background:var(--seo-ink); }
.seo-stats .container{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding-top:22px; padding-bottom:22px; }
.sstat{ text-align:center; color:#fff; }
.sstat b{ display:block; font-size:26px; font-weight:800; letter-spacing:-.5px; }
.sstat span{ font-size:12.5px; color:#aab2c0; }

/* ===== Süreç ===== */
.seo-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:26px; }
.step{ background:#fff; border:1px solid var(--seo-line); border-radius:16px; padding:22px; }
.step-no{ width:38px; height:38px; border-radius:11px; background:var(--seo-green); color:#fff; font-weight:800; font-size:17px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.step h3{ font-size:15.5px; font-weight:700; color:var(--seo-ink); margin:0 0 6px; }
.step p{ font-size:13px; color:var(--seo-mut); line-height:1.55; margin:0; }

/* ===== Slim not ===== */
.seo-slimnote{ max-width:1000px; margin:40px auto 0; background:#fff; border:1px solid var(--seo-line); border-left:4px solid var(--seo-green); border-radius:12px; padding:14px 18px; font-size:13.5px; color:var(--seo-mut); line-height:1.6; }
.seo-slimnote b{ color:var(--seo-ink); }

/* ===== SSS ===== */
.seo-faq{ max-width:820px; margin:24px auto 0; }
.seo-faq details{ background:#fff; border:1px solid var(--seo-line); border-radius:12px; padding:0 18px; margin-bottom:10px; }
.seo-faq summary{ list-style:none; cursor:pointer; padding:16px 0; font-size:15px; font-weight:600; color:var(--seo-ink); display:flex; justify-content:space-between; align-items:center; gap:12px; }
.seo-faq summary::-webkit-details-marker{ display:none; }
.seo-faq summary::after{ content:"+"; color:var(--seo-green); font-size:20px; font-weight:700; line-height:1; }
.seo-faq details[open] summary::after{ content:"\2212"; }
.seo-faq p{ font-size:14px; color:var(--seo-mut); line-height:1.65; margin:0 0 16px; }

/* ===== Kapanış CTA ===== */
.seo-cta{ background:linear-gradient(120deg,#0f5128,#137333); margin-top:56px; padding:54px 0; text-align:center; color:#fff; }
.seo-cta h2{ font-size:30px; font-weight:800; letter-spacing:-.6px; margin:0 0 10px; color:#fff; }
.seo-cta p{ font-size:16px; color:#cfeed9; margin:0 0 24px; }
.seo-cta-btns{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.seo-cta-btns a{ display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; border-radius:12px; padding:14px 26px; text-decoration:none; transition:all .2s; }
.seo-cta-btns .wa{ background:#fff; color:#137333; }
.seo-cta-btns .wa:hover{ background:#eafaf0; }
.seo-cta-btns .gh{ background:rgba(255,255,255,.12); color:#fff; border:1.5px solid rgba(255,255,255,.4); }
.seo-cta-btns .gh:hover{ background:rgba(255,255,255,.2); }

/* === Min 14px metin: SEO paketleri içerik alanı (kullanıcı isteği) === */
.seo-wrap .spkg-tier, .seo-wrap .spkg-grp, .seo-wrap .spkg-lvlt, .seo-wrap .spkg-signote,
.seo-wrap .spkg-signal span, .seo-foot .row span, .seo-foot .disc, .ben-card p,
.hero2-chip, .hero2-trust, .rc-top, .rc-m span, .rc-badges span, .sstat span,
.step p, .seo-slimnote, .seo-secthead p, .breadcrumb a, .breadcrumb .current{ font-size:14px; }
.spkg-ribbon{ position:absolute; top:20px; right:-58px; width:210px; text-align:center; transform:rotate(45deg); font-size:14px; font-weight:800; letter-spacing:.3px; padding:7px 0; box-shadow:0 6px 16px rgba(0,0,0,.18); }
.spkg.ultra .spkg-ribbon{ background:linear-gradient(90deg,var(--seo-gold),var(--seo-gold2)); color:#3a2c06; }
/* GEO kartlarında: madde metinleri akıcı tek blok, asılı girinti (dağınık iki-sütun düzeltmesi) */
.pkg2 .spkg li{ display:block; position:relative; padding-left:24px; }
.pkg2 .spkg li .ck{ position:absolute; left:0; top:3px; }
.pkg2 .spkg li b{ display:inline; color:var(--seo-ink); }

/* Hero otorite ağı görseli */
.hero-net{ position:relative; width:100%; height:300px; margin-top:4px; }
.net-lines{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.net-lines line{ stroke:#bfe3cc; stroke-width:1.3; stroke-linecap:round; stroke-dasharray:3 5; animation:netflow 2.6s linear infinite; }
@keyframes netflow{ to{ stroke-dashoffset:-16; } }
.hero-net .node{ position:absolute; z-index:1; transform:translate(-50%,-50%); display:inline-flex; align-items:center; gap:6px; background:#fff; border:1px solid #e3efe8; border-radius:100px; padding:7px 13px; font-size:14px; font-weight:700; color:var(--seo-ink); box-shadow:0 8px 20px rgba(19,115,51,.10); white-space:nowrap; }
.hero-net .node svg{ color:var(--seo-green); flex-shrink:0; }
.hero-net .node.center{ z-index:2; background:linear-gradient(90deg,#137333,#19a35a); color:#fff; border:none; padding:11px 16px; box-shadow:0 16px 34px rgba(19,115,51,.34); }
.hero-net .center .cdot{ width:8px; height:8px; border-radius:50%; background:#7ef0b0; box-shadow:0 0 0 4px rgba(126,240,176,.3); }
.hero-net .center .rankbadge{ background:#fff; color:#137333; font-weight:800; font-size:14px; border-radius:100px; padding:1px 9px; }
.hero-net .n1{ left:50%; top:15%; } .hero-net .n2{ left:82%; top:40%; } .hero-net .n3{ left:70%; top:85%; }
.hero-net .n4{ left:30%; top:85%; } .hero-net .n5{ left:18%; top:42%; } .hero-net .center{ left:50%; top:50%; }

/* Footer başlıkları h3 (erişilebilirlik: başlık sırası) */
.footer-col h3{ color:#1f1f1f; font-size:14px; font-weight:700; margin-bottom:22px; letter-spacing:.3px; text-transform:uppercase; }

/* Hero — Manuel Teknik SEO Analizi paneli */
.audit{ margin-top:4px; }
.audit-score{ position:relative; overflow:hidden; display:flex; align-items:center; gap:16px; padding:17px 20px; background:linear-gradient(120deg,#0f5132,#19a35a); border-radius:16px; color:#fff; margin-bottom:18px; box-shadow:0 16px 34px rgba(19,115,51,.28); }
.audit-score::after{ content:""; position:absolute; right:-28px; top:-34px; width:130px; height:130px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0) 70%); pointer-events:none; }
.audit-score .as-num{ position:relative; font-size:40px; font-weight:900; line-height:1; letter-spacing:-1.5px; text-shadow:0 2px 10px rgba(0,0,0,.14); }
.audit-score .as-meta{ position:relative; }
.audit-score .as-meta b{ display:block; font-size:15px; font-weight:800; }
.audit-score .as-meta span{ display:block; font-size:14px; color:#d9f0e4; margin-top:3px; }
.ai-row{ display:flex; align-items:center; gap:12px; padding:11px 0; }
.ai-row:not(:last-of-type){ border-bottom:1px solid #f1f3f5; }
.ai-row .ai-ic{ width:25px; height:25px; border-radius:50%; background:linear-gradient(135deg,#19a35a,#137333); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 3px 9px rgba(19,115,51,.28); }
.ai-row .ai-lbl{ flex:1; font-size:14px; font-weight:700; color:#1f2937; }
.ai-row .ai-cnt{ font-size:14px; font-weight:800; color:#0f5132; background:#e9f6ee; border:1px solid #cdeed8; border-radius:100px; padding:4px 13px; flex-shrink:0; }
.ai-row.c-blue .ai-ic{ background:linear-gradient(135deg,#3b82f6,#2563eb); box-shadow:0 3px 9px rgba(37,99,235,.26); }
.ai-row.c-blue .ai-cnt{ color:#1e40af; background:#eaf0fe; border-color:#cfe0fd; }
.ai-row.c-violet .ai-ic{ background:linear-gradient(135deg,#8b5cf6,#7c3aed); box-shadow:0 3px 9px rgba(124,58,237,.26); }
.ai-row.c-violet .ai-cnt{ color:#5b21b6; background:#f3eefe; border-color:#e2d4fb; }
.ai-row.c-green .ai-ic{ background:linear-gradient(135deg,#19a35a,#137333); box-shadow:0 3px 9px rgba(19,115,51,.26); }
.ai-row.c-green .ai-cnt{ color:#0f5132; background:#e9f6ee; border-color:#cdeed8; }
.ai-row.c-amber .ai-ic{ background:linear-gradient(135deg,#f59e0b,#d97706); box-shadow:0 3px 9px rgba(217,119,6,.26); }
.ai-row.c-amber .ai-cnt{ color:#92560a; background:#fef3e2; border-color:#fbe2bf; }
.ai-row.c-teal .ai-ic{ background:linear-gradient(135deg,#06b6d4,#0891b2); box-shadow:0 3px 9px rgba(8,145,178,.26); }
.ai-row.c-teal .ai-cnt{ color:#0e6f86; background:#e6f6fa; border-color:#c5eaf2; }
.audit-foot{ margin-top:16px; padding-top:14px; border-top:1px solid #eef1f4; font-size:14px; color:#5f6368; display:flex; gap:8px; align-items:flex-start; line-height:1.5; }
.audit-foot svg{ color:#137333; flex-shrink:0; margin-top:2px; }
.audit-pkgs{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:16px; padding-top:16px; border-top:1px solid #eef1f4; }
.audit-pkgs a{ text-decoration:none; text-align:center; padding:10px 6px; border:1px solid #e3efe8; border-radius:12px; background:#fff; transition:border-color .15s, box-shadow .15s; }
.audit-pkgs a:hover{ border-color:#137333; box-shadow:0 6px 16px rgba(19,115,51,.12); }
.audit-pkgs a.pop{ border-color:#137333; background:#f0faf4; }
.audit-pkgs .ap-t{ display:block; font-size:14px; font-weight:700; color:#1f2937; }
.audit-pkgs .ap-p{ display:block; font-size:15px; font-weight:800; color:#137333; margin-top:3px; }

/* ---- Responsive ---- */
@media (max-width:980px){ .pkg3,.seopack-mini{ grid-template-columns:1fr; } .pkg2{ grid-template-columns:1fr; } .seo-hero h1{ font-size:30px; } .geo-grid{ grid-template-columns:1fr; } .geo-packs{ grid-template-columns:1fr; } .geo-head2 h2{ font-size:27px; } .seo-benefits{ grid-template-columns:1fr; } .hero2-grid{ grid-template-columns:1fr; } .seo-stats .container{ grid-template-columns:1fr 1fr; } .seo-steps{ grid-template-columns:1fr 1fr; } .hero2-left h1{ font-size:32px; } }