/* Full viewport 3D viewer */
html,
body,
#page {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.gatorstep-example {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

#combinator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#combinator-guide {
  overflow: hidden;
}

/* Hide footer for immersive experience */
footer {
  display: none;
}

/* Loading animation */
.loading-boat img {
  width: 100%;
}

/* Need Samples button - hidden for portfolio */
.need-samples {
  display: none;
}

/* Hide navbar - page opens in new tab */
.site-header {
  display: none !important;
}

/* Portfolio badge overlay */
.gatorstep-example::before {
  content: "3D Product Configurator";
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-family: "Lexend", sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 10;
  pointer-events: none;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .gatorstep-example::before {
    font-size: 10px;
    bottom: 10px;
    left: 10px;
  }
}