/* Sahne: Sosyal Medya (hizmet-sosyal.html) — yalnızca bu sayfada yüklenir.
   Hero: profil ızgarasına 9 gönderi sırayla düşer, yanda içerik takvimi günleri işaretlenir (12 s döngü). İmza: içerik sütunu kartları. */
.sd-feed{--T:12s;position:relative;height:min(62vh,560px);display:flex;justify-content:center;align-items:flex-end;gap:4%}
.sd-feed__phone{position:relative;height:100%;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-feed__phone::before{content:"";position:absolute;inset:2.5%;border-radius:10% / 4.7%;background:#fff}
.sd-feed__hd{position:relative;display:flex;gap:12px;align-items:center;margin-top:12%;padding:10px 14px 12px}
.sd-feed__hd i{width:44px;height:44px;border-radius:50%;background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF);padding:3px;background-clip:content-box;box-shadow:0 0 0 2px #DD2A7B}
.sd-feed__hd b{display:block;font-size:13px}.sd-feed__hd small{font-size:10px;color:var(--sd-text-muted)}
.sd-feed__grid{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0 4%;border-top:1px solid rgba(31,34,51,.08);padding-top:2px}
.sd-feed__grid li{aspect-ratio:1;background:var(--sd-grey-100);overflow:clip}
.sd-feed__grid img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;scale:.92;animation:sd-feed-in var(--T) var(--sd-ease-spring) infinite;animation-delay:calc(var(--k)*.55s + .5s)}
.sd-feed__cal{display:grid;gap:8px;width:min(46%,230px);padding:14px;border-radius:14px;background:#fff;box-shadow:var(--sd-shadow-float);translate:0 -14%;font:500 11px/1.2 var(--sd-font);color:var(--sd-navy)}
.sd-feed__cal small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--g);font-weight:600}
.sd-feed__cal ul{list-style:none;display:grid;gap:6px}
.sd-feed__cal li{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-radius:8px;background:var(--sd-grey-100);opacity:.4;animation:sd-feed-day var(--T) infinite;animation-delay:calc(var(--k)*1.2s + 1.2s)}
.sd-feed__cal li span{padding:3px 7px;border-radius:5px;font-size:9px;font-weight:600;color:#fff}
.sd-feed__cal .r{background:var(--g)}.sd-feed__cal .c{background:var(--sd-navy)}.sd-feed__cal .s{background:#D97706}
.sd-feed__cal em{font-style:normal;font-size:10px;color:#14532D;opacity:0;animation:sd-feed-ok var(--T) infinite}
.sd-feed__chip{position:absolute;left:0;bottom:4%;z-index:3;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-feed:not(.in) *{animation-play-state:paused}
@keyframes sd-feed-in{0%{opacity:0;scale:.92}4%,90%{opacity:1;scale:1}95%,100%{opacity:0;scale:.92}}
@keyframes sd-feed-day{0%{opacity:.4}3%,90%{opacity:1}95%,100%{opacity:.4}}
@keyframes sd-feed-ok{0%,52%{opacity:0}56%,90%{opacity:1}95%,100%{opacity:0}}
/* İmza: içerik sütunları */
.sd-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sd-cols article{position:relative;display:grid;gap:6px;padding:24px 22px 20px;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-cols i{width:40px;height:6px;border-radius:3px;margin-bottom:8px}.sd-cols .r{background:var(--g)}.sd-cols .c{background:var(--sd-navy)}.sd-cols .s{background:#D97706}.sd-cols .k{background:var(--sd-red)}
.sd-cols b{color:var(--sd-navy);font-size:1.0625rem}.sd-cols span{font-size:.9375rem;color:var(--sd-text-muted)}
.sd-cols small{justify-self:start;margin-top:8px;padding:5px 9px;border-radius:6px;background:var(--g-soft);color:var(--g);font:600 .75rem/1 var(--sd-font)}
@media (max-width:1024px){.sd-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sd-feed{height:min(58vh,520px)}}
@media (max-width:720px){.sd-feed{height:460px}.sd-feed__cal{display:none}.sd-cols{grid-template-columns:minmax(0,1fr)}}