/* Integrated calculator: each product keeps its own controls. */
.hero-shell{grid-template-columns:340px minmax(600px,1fr) 300px!important;min-height:720px!important}
.selector-card{padding:22px 18px 20px!important;overflow:visible!important}
.selector-sub{margin-bottom:16px!important}

.product-panel{margin-bottom:9px;border:1px solid #203650;border-radius:12px;background:rgba(7,18,31,.78);overflow:hidden;transition:border-color .16s,background .16s}
.product-panel.selected{border-color:rgba(255,196,0,.72)}
.product-panel.current{background:rgba(10,25,42,.97);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.product-panel .product-choice{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:10px 11px!important;grid-template-columns:46px 1fr 28px!important;gap:10px!important}
.product-panel .choice-icon{width:40px!important;height:40px!important;font-size:17px!important}
.product-panel .product-choice b{font-size:12px!important}
.product-panel .product-choice small{font-size:9px!important;line-height:1.25!important}
.product-panel .check{width:24px!important;height:24px!important;font-size:12px!important}
.product-panel:not(.selected) .check{background:#102033!important;color:#687a8f!important}

.product-config{display:none;padding:4px 11px 12px;border-top:1px solid rgba(135,176,228,.14);background:rgba(3,12,22,.38)}
.product-panel.current .product-config{display:block}
.product-config .field-label{margin:9px 0 5px!important;font-size:9px!important;color:#9facbc!important}
.product-config .field{height:36px!important;font-size:11px!important}
.segmented.compact{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
.segmented.compact button{height:32px!important;min-width:0!important;padding:0 5px!important;font-size:9px!important}
.area-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.plaque-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.product-config .segmented.wrap{gap:5px!important}
.product-config .segmented.wrap button{height:32px!important;min-width:0!important;padding:0 8px!important;font-size:9px!important}
.product-config .colors{gap:8px!important;margin:6px 0 1px!important}
.product-config .color{width:24px!important;height:24px!important}
.inline-rate{margin-top:9px;padding:8px 9px;border-radius:8px;background:#0d1d30;border:1px solid rgba(135,176,228,.14);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#90a0b4}
.inline-rate b{font-size:12px;color:#ffd12f;white-space:nowrap}

.selector-price-card{margin:12px 0 0!important;padding:12px 13px 11px!important}
.selector-price-card .price-number strong{font-size:29px!important}
.selector-price-card .price-meta{font-size:9px!important}
.calc-breakdown{margin-top:8px!important;padding-top:8px!important;gap:5px!important}
.calc-breakdown>div{font-size:9px!important}
.calc-breakdown b{font-size:9.5px!important}
.calc-note{font-size:8px!important}

/* The storefront now shows a zoomed-out, complete source image. A dark blurred cover layer fills the extra vertical space. */
.visual-card{min-height:720px!important;background:#07111d!important}
.facade-photo{background:#07111d!important;isolation:isolate}
.facade-backdrop{position:absolute;inset:-5%;z-index:0;background:url('/assets/site/images/assets/facade-clean.avif') center center/cover no-repeat;filter:blur(18px) brightness(.42) saturate(.78);transform:scale(1.06);opacity:.96;pointer-events:none}
.facade-image{position:absolute;left:50%;top:50%;width:122%;height:122%;z-index:1;transform:translate(-50%,-50%);object-fit:contain;object-position:center;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:brightness(.98) saturate(.96);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%)}
.scene-vignette{z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(2,8,16,.10),transparent 20%,transparent 80%,rgba(2,8,16,.10)),linear-gradient(180deg,rgba(2,8,16,.10),transparent 25%,transparent 75%,rgba(2,8,16,.18))!important}
.scene-helper{z-index:8!important;left:18px!important;top:18px!important;width:215px!important;padding:10px 12px!important;background:rgba(4,12,21,.66)!important}
.scene-hint{z-index:9!important}
.interactive-object{z-index:7!important}

/* Right side stays a lead form and no longer duplicates the live price. */
.price-card.lead-card{padding:28px 20px 24px!important}
.lead-card h2{font-size:25px!important}
.lead-copy{font-size:11px!important;margin-bottom:17px!important}
.lead-form{gap:10px!important}
.lead-form input{height:40px!important}
.lead-form textarea{min-height:88px!important}
.lead-submit{min-height:48px!important}
.lead-points{margin-top:18px!important;padding-top:15px!important;gap:10px!important}

@media(max-width:1380px){
  .hero-shell{grid-template-columns:320px minmax(540px,1fr) 285px!important}
  .selector-card{padding-left:14px!important;padding-right:14px!important}
  .price-card.lead-card{padding-left:16px!important;padding-right:16px!important}
}
@media(max-width:1120px){
  .hero-shell{grid-template-columns:310px minmax(500px,1fr)!important}
  .price-card.lead-card{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);display:grid!important;grid-template-columns:1fr 1fr;gap:16px}
  .lead-points{grid-column:2;grid-row:1/4;margin-top:0!important;padding-top:0!important;border-top:0!important}
}
@media(max-width:820px){
  .hero-shell{display:block!important}
  .visual-card{height:620px!important;min-height:620px!important}
  .price-card.lead-card{display:block!important}
  .scene-helper{width:185px!important}
}