/* Sahne: SEO (hizmet-seo.html) — yalnızca bu sayfada yüklenir.
   Hero: arama sonuçlarında 6. sıradan 2. sıraya tırmanan sonuç (gerçek veri: "konya şeffaf plak", Search Console ort. sıra 2,1) + Search Console çizgisi.
   İmza: denetim listesi — bulunan sorunların üstü çizilir, durum "Düzeltildi"ye döner. */
.sd-serp{--T:14s;--rh:46px;position:relative;padding-bottom:84px}
.sd-serp__body{padding:16px 18px 10px;background:#fff;color:var(--sd-navy)}
.sd-serp__q{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;border-radius:var(--sd-r-btn);border:1px solid var(--sd-grey-300);font:500 13px/1 var(--sd-font)}
.sd-serp__q svg{width:16px;height:16px;color:var(--sd-text-muted)}
.sd-serp__list{list-style:none;position:relative;height:calc(7*var(--rh));animation:sd-serp-fade var(--T) infinite}
.sd-serp__list li{position:absolute;left:0;right:0;top:calc(var(--p)*var(--rh));height:var(--rh);display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:5px;align-items:center;padding:6px 8px;border-radius:8px}
.sd-serp__list i{grid-row:1/3;width:22px;height:22px;border-radius:50%;background:var(--sd-grey-100)}
.sd-serp__list b{grid-area:1/2;height:9px;width:68%;border-radius:4px;background:var(--sd-grey-300)}
.sd-serp__list span{grid-area:2/2;height:7px;width:42%;border-radius:4px;background:var(--sd-grey-100)}
.sd-serp__list li:nth-child(2) b{width:58%}.sd-serp__list li:nth-child(4) b{width:74%}
.sd-serp__list li[style*="--p:0"]{animation:sd-serp-d0 var(--T) var(--sd-ease-in-out) infinite}
.sd-serp__list li[style*="--p:1"]{animation:sd-serp-d1 var(--T) var(--sd-ease-in-out) infinite}
.sd-serp__list li[style*="--p:2"]{animation:sd-serp-d2 var(--T) var(--sd-ease-in-out) infinite}
.sd-serp__list li[style*="--p:3"]{animation:sd-serp-d3 var(--T) var(--sd-ease-in-out) infinite}
.sd-serp__list li[style*="--p:4"]{animation:sd-serp-d4 var(--T) var(--sd-ease-in-out) infinite}
.sd-serp__list li[style*="--p:5"]{animation:sd-serp-d5 var(--T) var(--sd-ease-in-out) infinite}
.sd-serp__you{background:var(--g-soft);animation:sd-serp-you var(--T) var(--sd-ease-in-out) infinite;z-index:1;box-shadow:0 10px 24px rgba(31,34,51,.08)}
.sd-serp__you i{background:var(--g)}
.sd-serp__you b{height:auto;width:auto;background:none;font:600 12px/1.2 var(--sd-font);color:#1A0DAB}
.sd-serp__you span{height:auto;width:auto;background:none;font:400 10px/1 var(--sd-font);color:var(--sd-text-muted)}
@property --sd-n{syntax:"<integer>";inherits:false;initial-value:7}
.sd-serp__pos{--sd-n:7;grid-area:1/3/3/4;display:grid;place-items:center;min-width:36px;height:34px;padding:0 8px;border-radius:8px;background:var(--g);color:#fff;font:800 14px/1 var(--sd-font);font-style:normal;counter-reset:pos var(--sd-n);animation:sd-serp-n var(--T) infinite}
.sd-serp__pos::before{content:"#" counter(pos)}
.sd-serp__gsc{position:absolute;left:-16px;bottom:0;z-index:3;width:min(60%,260px);padding:12px 14px;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-float);font:600 11px/1.2 var(--sd-font);color:var(--sd-navy)}
.sd-serp__gsc small{display:block;margin-bottom:6px;font-weight:500;color:var(--sd-text-muted)}
.sd-serp__gsc svg{width:100%;height:44px;overflow:visible}
.sd-serp__line{fill:none;stroke:var(--g);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.6s var(--sd-ease-out) .4s}
.sd-serp__area{fill:var(--g);opacity:0;transition:opacity .8s 1.6s}
.in .sd-serp__line{stroke-dashoffset:0}.in .sd-serp__area{opacity:.12}
.sd-serp__gsc b{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}.sd-serp__gsc em{font-style:normal;color:var(--g);font-size:16px}
.sd-serp__chip{position:absolute;right:-12px;top:-14px;z-index:3;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-serp:not(.in) .sd-serp__body *{animation-play-state:paused}
/* 7. sıradan 1. sıraya altı adım (her adım %4 hareket + %6 bekleme), %76'dan sonra 1. sırada durur, sonda karararak sıfırlanır */
@keyframes sd-serp-you{0%,12%{translate:0 0}16%,22%{translate:0 calc(-1*var(--rh))}26%,32%{translate:0 calc(-2*var(--rh))}36%,42%{translate:0 calc(-3*var(--rh))}46%,52%{translate:0 calc(-4*var(--rh))}56%,62%{translate:0 calc(-5*var(--rh))}66%,100%{translate:0 calc(-6*var(--rh))}}
@keyframes sd-serp-d5{0%,12%{translate:0 0}16%,100%{translate:0 var(--rh)}}
@keyframes sd-serp-d4{0%,22%{translate:0 0}26%,100%{translate:0 var(--rh)}}
@keyframes sd-serp-d3{0%,32%{translate:0 0}36%,100%{translate:0 var(--rh)}}
@keyframes sd-serp-d2{0%,42%{translate:0 0}46%,100%{translate:0 var(--rh)}}
@keyframes sd-serp-d1{0%,52%{translate:0 0}56%,100%{translate:0 var(--rh)}}
@keyframes sd-serp-d0{0%,62%{translate:0 0}66%,100%{translate:0 var(--rh)}}
@keyframes sd-serp-n{0%,13%{--sd-n:7}14%,23%{--sd-n:6}24%,33%{--sd-n:5}34%,43%{--sd-n:4}44%,53%{--sd-n:3}54%,63%{--sd-n:2}64%,100%{--sd-n:1}}
@keyframes sd-serp-fade{0%,91%{opacity:1}95%,100%{opacity:0}}
/* İmza: denetim listesi */
.sd-audit{list-style:none;display:grid;gap:12px;max-width:860px}
.sd-audit li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 20px;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-audit b{position:relative;display:inline;font-weight:600;color:var(--sd-navy)}
.sd-audit b::after{content:"";position:absolute;left:0;right:0;top:55%;height:2px;background:var(--sd-red);transform-origin:left;scale:0 1;transition:scale .5s var(--sd-ease-out);transition-delay:calc(var(--i,0)*160ms + .5s)}
.sd-audit small{display:block;margin-top:2px;font-size:.875rem;color:var(--sd-text-muted)}
.sd-audit__st{position:relative;display:grid;min-width:100px;height:30px;border-radius:8px;overflow:clip;font:600 .75rem/30px var(--sd-font);text-align:center}
.sd-audit__st span{grid-area:1/1;transition:translate .45s var(--sd-ease-out);transition-delay:calc(var(--i,0)*160ms + .9s)}
.sd-audit__st span:first-child{background:#FBE9EA;color:var(--sd-red)}.sd-audit__st span:last-child{background:#E6F5EC;color:#14532D;translate:0 100%}
.sd-audit.in b::after{scale:1 1}.sd-audit.in .sd-audit__st span:first-child{translate:0 -100%}.sd-audit.in .sd-audit__st span:last-child{translate:0 0}
.sd-serp__you.sd-serp__you{animation-name:sd-serp-you}
@media (max-width:720px){.sd-serp{--rh:42px}.sd-serp__gsc{left:0;width:70%}.sd-serp__chip{right:0}.sd-audit li{grid-template-columns:minmax(0,1fr);gap:10px}}