/* banking1.css – mobile-first version */

#figma-container {
  position: relative;
  width: 100%;
  max-width: 100%;        /* mobile: use full width */
  margin: 0 auto;
  background: transparent;
}

/* Fullscreen button that sits on top-right of the Figma frame */
#fullscreen-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  padding: 6px 10px;
  background: transparent;
  color: #4d555b;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

/* On larger screens, constrain the prototype width for nicer framing */
@media (min-width: 768px) {
  #figma-container {
    max-width: 450px;
  }
}