/* Cadde Instagram - Frontend */
.cadde-ig{--gap:12px;--avatar:48px;font-family:inherit}
.cadde-ig *{box-sizing:border-box}
.cadde-ig-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap)}
.cadde-ig-user{display:flex;gap:12px;align-items:center}
.cadde-ig-avatar{width:var(--avatar);height:var(--avatar);border-radius:999px;overflow:hidden;flex:0 0 auto;background:#f0f0f0}
.cadde-ig-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.cadde-ig-avatar-ph{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);animation:cigSh 1.2s infinite}
@keyframes cigSh{0%{background-position:0 0}100%{background-position:200% 0}}
.cadde-ig-meta{display:flex;flex-direction:column;line-height:1.2}
.cadde-ig-username{font-weight:600;text-decoration:none}
.cadde-ig-sub{font-size:.85em;color:#777}
.cadde-ig-follow{padding:8px 14px;border-radius:999px;border:1px solid #e1e1e1;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.cadde-ig-follow:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}

.cadde-ig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--gap)}
.cadde-ig-item{display:block;position:relative;overflow:hidden;border-radius:12px;background:#f6f6f6}
.cadde-ig-inr{display:block;width:100%;padding-top:100%;background-size:cover;background-position:center;transition:transform .3s ease}
.cadde-ig-item:hover .cadde-ig-inr{transform:scale(1.03)}
.cadde-ig-empty{color:#666;background:#fafafa;border:1px dashed #e5e5e5;padding:16px;border-radius:8px;text-align:center}

@media (max-width: 600px){
  .cadde-ig{--gap:10px;--avatar:44px}
  .cadde-ig-follow{padding:7px 12px}
}