/* Sahne: Meta Reklam (hizmet-meta.html) — yalnızca bu sayfada yüklenir.
   Hero: Instagram akışında sponsorlu reel; "Mesaj gönder" nabız atar, DM kartı düşer; yanda kreatif testi (kazanan rozeti) (11 s döngü). Rakam yok.
   İmza: önce/sonra kartları (dört değişim). */
.sd-ig{--T:11s;position:relative;height:min(64vh,580px);display:flex;justify-content:flex-end;align-items:flex-end;gap:4%;padding-right:2%}
.sd-ig__phone{position:relative;height:92%;aspect-ratio:9/19;border-radius:12% / 5.7%;background:#0B0C10;padding:2.5%;box-shadow:0 30px 60px rgba(31,34,51,.3),0 0 0 1.5px rgba(255,255,255,.1);overflow:clip;font:500 11px/1.3 var(--sd-font);color:var(--sd-navy)}
.sd-ig__phone::before{content:"";position:absolute;inset:2.5%;border-radius:10% / 4.7%;background:#fff}
.sd-ig__top{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:10%;padding:8px 14px;font:800 14px/1 var(--sd-font)}
.sd-ig__top i{width:18px;height:18px;border-radius:50%;border:2px solid var(--sd-navy)}
.sd-ig__post{position:relative;margin:0 4%}
.sd-ig__hd{display:flex;gap:8px;align-items:center;padding:6px 4px}.sd-ig__hd i{width:28px;height:28px;border-radius:50%;background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.sd-ig__hd b{display:block;font-size:11px}.sd-ig__hd small{font-size:9px;color:var(--sd-text-muted)}
.sd-ig__media{position:relative;aspect-ratio:4/5;border-radius:6px;overflow:clip;background:#15171F}
.sd-ig__media img{width:100%;height:100%;object-fit:cover;animation:sd-ig-ken 11s linear infinite alternate}
.sd-ig__media em{position:absolute;left:10px;right:10px;bottom:12px;color:#fff;font:800 13px/1.25 var(--sd-font);font-style:normal;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.sd-ig__cta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:9px 12px;border-radius:8px;background:var(--g);color:#fff;font-weight:600;animation:sd-ig-cta var(--T) infinite}
.sd-ig__cta svg{width:14px;height:14px}
.sd-ig__dm{position:absolute;left:6%;right:6%;top:9%;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-float);translate:0 -160%;opacity:0;animation:sd-ig-dm var(--T) var(--sd-ease-spring) infinite}
.sd-ig__dm i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--sd-grey-300)}.sd-ig__dm b{display:block;font-size:11px}.sd-ig__dm span{font-size:10px;color:var(--sd-text-muted)}
.sd-ig__test{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:min(46%,230px);padding:12px;border-radius:14px;background:#fff;box-shadow:var(--sd-shadow-float);translate:0 -10%;font:500 10px/1.2 var(--sd-font);color:var(--sd-navy)}
.sd-ig__test small{grid-column:1/-1;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--g);font-weight:600}
.sd-ig__v{position:relative;display:grid;gap:5px}.sd-ig__v img{aspect-ratio:4/5;object-fit:cover;border-radius:8px;width:100%}
.sd-ig__v span{color:var(--sd-text-muted)}
.sd-ig__v b{position:absolute;top:6px;left:6px;padding:4px 7px;border-radius:5px;background:#1A9E5C;color:#fff;font:600 9px/1 var(--sd-font);scale:0;animation:sd-ig-badge var(--T) var(--sd-ease-spring) infinite;animation-delay:calc(var(--k)*.5s + 5.5s)}
.sd-ig__v[style*="--k:1"] b{background:var(--sd-text-muted)}
.sd-ig__chip{position:absolute;z-index:3;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-ig__chip--1{left:2%;top:0}.sd-ig__chip--2{right:0;top:2%}
.sd-ig:not(.in) *{animation-play-state:paused}
@keyframes sd-ig-ken{to{scale:1.08}}
@keyframes sd-ig-cta{0%,18%,30%,100%{scale:1}22%{scale:.95}26%{scale:1.04}}
@keyframes sd-ig-dm{0%,32%{translate:0 -160%;opacity:0}34%{opacity:1}38%,70%{translate:0 0;opacity:1}74%{opacity:0}76%,100%{translate:0 -160%;opacity:0}}
@keyframes sd-ig-badge{0%,2%{scale:0}8%,88%{scale:1}94%,100%{scale:0}}
/* İmza: önce / sonra */
.sd-shift{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sd-shift article{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr);grid-template-rows:auto auto;column-gap:18px;row-gap:4px;align-items:start;padding:24px 26px;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-shift small{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--sd-text-muted)}.sd-shift small:nth-of-type(2){color:var(--g)}
.sd-shift p{grid-row:2;margin:0;font-size:.9375rem;color:var(--sd-text-muted);text-decoration:line-through;text-decoration-color:var(--sd-red);text-decoration-thickness:2px}
.sd-shift i{grid-row:1/3;align-self:center;width:28px;height:2px;background:var(--g);position:relative}.sd-shift i::after{content:"";position:absolute;right:-1px;top:-5px;border:6px solid transparent;border-left-color:var(--g)}
.sd-shift b{grid-column:3;grid-row:2;display:block;color:var(--sd-navy);font-size:1.0625rem;margin-bottom:4px}.sd-shift span{grid-column:3;grid-row:3;font-size:.9375rem;color:var(--sd-text-muted)}
.sd-shift article>small:first-child{grid-column:1;grid-row:1}.sd-shift article>small:nth-of-type(2){grid-column:3;grid-row:1}
@media (max-width:1024px){.sd-shift{grid-template-columns:minmax(0,1fr)}.sd-ig{height:min(58vh,520px)}}
@media (max-width:720px){.sd-ig{height:470px;justify-content:center;padding-right:0}.sd-ig__test{display:none}.sd-ig__chip--1{left:0}.sd-shift article{grid-template-columns:minmax(0,1fr);row-gap:8px}.sd-shift i{display:none}.sd-shift b,.sd-shift span,.sd-shift article>small:nth-of-type(2){grid-column:1}.sd-shift article>small:nth-of-type(2){grid-row:3}.sd-shift b{grid-row:4}.sd-shift span{grid-row:5}}