/* GlassQuote v269 — complete estimator sub-product photography. */
body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice{
  grid-template-columns:82px minmax(0,1fr) 14px!important;
  min-height:88px!important;
  padding:6px 14px 6px 7px!important;
  column-gap:12px!important;
  overflow:hidden!important;
  border-radius:20px!important;
}

body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice>svg.choice-ic{
  display:none!important;
}

body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice .gq-subproduct-image{
  grid-column:1!important;
  width:78px!important;
  height:74px!important;
  min-width:78px!important;
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  justify-self:center!important;
  overflow:hidden!important;
  border:1px solid rgba(17,71,111,.10)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%)!important;
  box-shadow:0 3px 10px rgba(7,29,53,.055)!important;
  pointer-events:none!important;
}

body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice .gq-subproduct-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  filter:saturate(.98) contrast(1.015)!important;
  transform-origin:center!important;
  transform:translate(var(--gq-image-x,0),var(--gq-image-y,0)) scale(var(--gq-image-scale,1.1))!important;
  will-change:transform!important;
}

body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice .choice-copy{
  grid-column:2!important;
  min-width:0!important;
  padding-right:4px!important;
}

body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice .choice-copy>strong{
  font-size:.91rem!important;
  line-height:1.14!important;
  letter-spacing:-.018em!important;
}

body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice::after{
  right:16px!important;
  opacity:.72!important;
}

body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice:hover .gq-subproduct-image,
body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice:focus-visible .gq-subproduct-image,
body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice[aria-pressed="true"] .gq-subproduct-image{
  border-color:rgba(19,115,191,.28)!important;
  box-shadow:0 5px 14px rgba(11,77,137,.10)!important;
}

/* Make each supplied product fill the thumbnail consistently without changing the source images. */
body.estimator-mode .gq-subproduct-image[data-product="window-igu-glass"] img{--gq-image-scale:1.15}
body.estimator-mode .gq-subproduct-image[data-product="door-sidelite-glass"] img{--gq-image-scale:1.10}
body.estimator-mode .gq-subproduct-image[data-product="patio-panel-glass"] img{--gq-image-scale:1.10}
body.estimator-mode .gq-subproduct-image[data-product="loose-custom-cut-glass"] img{--gq-image-scale:1.14}
body.estimator-mode .gq-subproduct-image[data-product="storefront-glass-system"] img{--gq-image-scale:1.12}
body.estimator-mode .gq-subproduct-image[data-product="shower-enclosure"] img{--gq-image-scale:1.10}
body.estimator-mode .gq-subproduct-image[data-product="mirror"] img{--gq-image-scale:1.13}
body.estimator-mode .gq-subproduct-image[data-product="window-repair"] img{--gq-image-scale:1.12}
body.estimator-mode .gq-subproduct-image[data-product="new-window"] img{--gq-image-scale:1.12}
body.estimator-mode .gq-subproduct-image[data-product="door-system-repair"] img{--gq-image-scale:1.10}
body.estimator-mode .gq-subproduct-image[data-product="new-door"] img{--gq-image-scale:1.08}
body.estimator-mode .gq-subproduct-image[data-product="replace-door-glass"] img{--gq-image-scale:1.08}

@media(max-width:360px){
  body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice{
    grid-template-columns:72px minmax(0,1fr) 12px!important;
    min-height:82px!important;
    padding:5px 12px 5px 6px!important;
    column-gap:10px!important;
    border-radius:18px!important;
  }
  body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice .gq-subproduct-image{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    border-radius:15px!important;
  }
  body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice .choice-copy>strong{
    font-size:.84rem!important;
  }
}

@media(max-height:700px){
  body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice{
    grid-template-columns:70px minmax(0,1fr) 12px!important;
    min-height:78px!important;
    padding:4px 12px 4px 6px!important;
  }
  body.estimator-mode:not(.site-browse-mode) .question-step-screen:not(.first-question-step) .choice.gq-subproduct-choice .gq-subproduct-image{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
  }
}


/* v269: supplied real-world service photos fill the estimator thumbnail cleanly. */
body.estimator-mode .gq-subproduct-image[data-product="interior-glass"] img,
body.estimator-mode .gq-subproduct-image[data-product="commercial-door"] img,
body.estimator-mode .gq-subproduct-image[data-product="office-partition"] img,
body.estimator-mode .gq-subproduct-image[data-product="glass-railing"] img,
body.estimator-mode .gq-subproduct-image[data-product="specialty-architectural"] img,
body.estimator-mode .gq-subproduct-image[data-product="board-up"] img,
body.estimator-mode .gq-subproduct-image[data-product="screen"] img{
  object-fit:cover!important;
  --gq-image-scale:1.035;
}
body.estimator-mode .gq-subproduct-image[data-product="help-me-figure-it-out"] img{
  --gq-image-scale:1.08;
}