#builder-cont {
  display: flex;
  padding-bottom: 2.5%;
}
@media screen and (max-width: 661px) {
  #builder-cont {
    display: block;
    width: 100%;
  }
}
#builder-cont #customization-panel {
  width: 100%;
  flex-basis: 35%; /* Take 35% of the container width */
  padding: 0 5% 0 0;
}
@media screen and (max-width: 661px) {
  #builder-cont #customization-panel {
    padding: 0;
  }
}
#builder-cont #customization-panel #arch-price-display {
  margin: 25px 0;
}
#builder-cont #threejs-app-container {
  width: 100%;
  min-width: 325px;
  flex-basis: 65%; /* Take 40% of the container width */
  height: 500px;
  margin: 0 auto;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 10; /* Ensure it's on top of other elements */
  border: solid 1px #446084;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35); /* Subtle shadow */
  border-radius: 8px; /* Optional: rounded corners */
}
@media screen and (max-width: 661px) {
  #builder-cont #threejs-app-container {
    min-width: 250px;
  }
}
#builder-cont #threejs-app-container canvas {
  z-index: 10 !important;
  border-radius: 2.5%;
  display: block; /* Removes extra margins/padding */
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 661px) {
  #builder-cont #threejs-app-container canvas {
    width: 100%;
  }
}

.instruction-cont {
  font-size: 105%;
  padding: 1.5% 0 1.5%;
  Text-align: center;
  font-weight: 600;
  color: #ffffff;
  background-color: #446084;
  margin-bottom: 2.5%;
  border-top: solid 4px #7F2929;
  border-bottom: solid 4px #7F2929;
}

.custom-add-to-cart-cont {
  width: 100%;
  margin: 25px 0 0;
}
@media screen and (max-width: 661px) {
  .shop-container {
    padding: 30px;
  }
}
.product-description.excerpt-cont {
  padding: 2.5% 0;
}/*# sourceMappingURL=custom-three.css.map */