@import url('/assets/site/css/scene-v3.css?v=7');

/* Clean frontal night storefront */
.facade-photo{
  background-size:cover!important;
  background-position:center center!important;
  image-rendering:auto!important;
}
.scene-vignette{background:linear-gradient(90deg,rgba(2,8,16,.04),transparent 22%,transparent 78%,rgba(2,8,16,.05))!important}

.measure{display:none!important}
.interactive-object{z-index:6!important;outline:0!important;outline-offset:2px!important;transition:filter .15s ease,opacity .15s ease!important}
.interactive-object:hover{outline:1px solid rgba(255,207,47,.35)!important}
.interactive-object.selected{outline:0!important;filter:drop-shadow(0 0 7px rgba(255,196,0,.14))!important}

/* Neutral wall patches hide product mockups baked into the older facade photo. */
.scene-wall-mask{
  position:absolute!important;z-index:4!important;pointer-events:none!important;
  background:linear-gradient(115deg,#111923 0%,#19222c 45%,#111923 100%)!important;
  border:1px solid rgba(255,210,130,.06)!important;
  box-shadow:inset 0 0 26px rgba(0,0,0,.28),0 0 18px rgba(0,0,0,.18)!important;
}
.mask-lightbox{border-radius:2px!important}
.mask-bracket{background:linear-gradient(90deg,#101822,#17212b)!important}
.mask-plaque{background:linear-gradient(120deg,#131c26,#1a232c)!important}

/* Dynamic main letters remain HTML so the customer can type any text. */
.main-sign{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:2.2%!important;
  background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;
  overflow:visible!important;white-space:nowrap!important
}
.main-sign #previewText{font-weight:900!important;letter-spacing:.008em!important;color:var(--letter-color,#ffd88a)!important;white-space:nowrap!important}
.main-sign.glow-front #previewText{text-shadow:0 0 5px var(--glow-color),0 0 14px var(--glow-color),0 0 28px rgba(255,210,120,.28)!important}
.main-sign.glow-halo #previewText{
  color:#151515!important;
  -webkit-text-stroke:.35px rgba(0,0,0,.8)!important;
  text-shadow:0 0 2px var(--glow-color),0 0 10px var(--glow-color),0 0 22px var(--glow-color),0 0 36px var(--glow-color)!important
}
.main-sign.glow-none #previewText{text-shadow:none!important}
.sign-brand-wrap{display:grid!important;place-items:center!important;height:68%!important;aspect-ratio:1/1!important;flex:0 0 auto!important}
.sign-brand-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.main-sign.custom-copy .sign-brand-wrap{display:none!important}

/* Approved V + diamond mark in the header and product chooser. */
.brand-logo-img{object-fit:contain!important;display:block!important}
.choice-icon img{width:78%!important;height:78%!important;object-fit:contain!important;display:block!important;margin:auto!important}

/* Product artwork is one indivisible layer, so text cannot drift when the viewport changes. */
.lightbox-object,.bracket-object,.plaque-object{
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  transform:none!important;overflow:visible!important;text-shadow:none!important;color:inherit!important
}
.product-art{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important
}
.lightbox-art{filter:drop-shadow(0 6px 10px rgba(0,0,0,.36)) drop-shadow(0 0 6px rgba(255,199,67,.13))!important}
.plaque-art{filter:drop-shadow(0 3px 6px rgba(0,0,0,.38))!important}
.bracket-art{filter:drop-shadow(0 7px 11px rgba(0,0,0,.48))!important}

.scene-product-tip{
  position:absolute!important;z-index:30!important;width:200px!important;padding:10px 12px!important;
  border:1px solid rgba(255,196,0,.42)!important;border-radius:10px!important;background:rgba(4,13,24,.96)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.42)!important;color:#fff!important;opacity:0!important;visibility:hidden!important;
  pointer-events:none!important;transform:translate(-50%,calc(-100% - 8px))!important;transition:opacity .14s ease,visibility .14s ease!important;
  backdrop-filter:blur(8px)!important;text-align:left!important
}
.scene-product-tip.show{opacity:1!important;visibility:visible!important}
.scene-product-tip b{display:block!important;font-size:12px!important;line-height:1.25!important;color:#fff!important}
.scene-product-tip span{display:block!important;margin-top:3px!important;font-size:9px!important;line-height:1.3!important;color:#91a5b9!important}
.scene-product-tip div{margin-top:7px!important;font-size:9px!important;color:#cad4df!important}
.scene-product-tip strong{color:#ffc400!important;font-weight:850!important}

@media(max-width:900px){
  .scene-product-tip{width:180px!important;padding:9px 10px!important}
}