.kitlab-wrap{position:relative;width:100%;margin:0 0 2em;clear:both}
.kitlab-wrap iframe{display:block;width:100%;height:var(--kitlab-h,820px);border:0;border-radius:4px;background:#0A0B0E}

/* The busy overlay is display:grid, which beats the browser's [hidden] rule,
   so it must be switched off explicitly or it covers the configurator. */
.kitlab-busy{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,9,12,.86);border-radius:4px;z-index:5}
.kitlab-busy[hidden]{display:none!important}
.kitlab-busy-box{text-align:center;color:#EDEAE4;font-size:14px}
.kitlab-spin{display:block;width:30px;height:30px;margin:0 auto 12px;border:2px solid rgba(255,255,255,.18);border-top-color:#F8EB27;border-radius:50%;animation:kitlab-spin .8s linear infinite}
@keyframes kitlab-spin{to{transform:rotate(360deg)}}

/* one buy button, not two */
body.kitlab-active form.cart,
body.kitlab-active .single_add_to_cart_button{display:none!important}
/* an empty gallery placeholder next to a 3D configurator just looks broken */
body.kitlab-active .woocommerce-product-gallery img.woocommerce-placeholder,
body.kitlab-active .woocommerce-product-gallery__wrapper .woocommerce-placeholder{display:none!important}

@media (max-width:900px){ .kitlab-wrap iframe{height:calc(100vh - 90px);min-height:640px} }
@media (prefers-reduced-motion:reduce){ .kitlab-spin{animation:none} }