/* Instagram panel – modular: remove this file and the block in index.html to disable */

#instagram-panel {
  position: fixed;
  top: 5%;
  right: 15%;
  z-index: 1100;
  transform: rotate(-15deg);
  transform-origin: top right;
  max-width: 260px;
  pointer-events: none;
}

#instagram-panel .instagram-media,
#instagram-panel iframe {
  pointer-events: auto;
}

.instagram-pointer {
  position: absolute;
  right: 100%;
  top: 20px;
  margin-right: 8px;
  font-size: 6rem;
  line-height: 1;
  z-index: 1101;
  transform: rotate(90deg);
  animation: instagram-point 1.5s ease-in-out infinite;
}

@keyframes instagram-point {
  0%, 100% { transform: rotate(90deg) scale(1) translateY(0); }
  50% { transform: rotate(90deg) scale(1.15) translateY(-4px); }
}
