/* ux4: AI hero + no-clip quote tile + package icons + short-height compact */

/* ——— Kill every fixed-height / overflow clip on the quote card (all viewports) ——— */
.pq-hero.hero-room,
.pq-hero.hero11,
.pq-hero.hero12{
  overflow:visible!important;
  min-height:0!important;
  height:auto!important;
}
.pq-hero.hero-room .h11,
.pq-hero.hero11 .h11,
.pq-hero.hero12 .h11,
.h11{
  min-height:0!important;
  height:auto!important;
}
.pq-hero .pq-card,
.pq-hero.hero12 .pq-card,
.pq-hero.hero-room .pq-card{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.pq-hero .pq-card #form{
  min-height:0!important;
  overflow:visible!important;
  flex:none!important;
}
.pq-hero .pq-card #intOnly,
.pq-hero .pq-card .pq-fin,
.pq-hero .pq-card .pq-res,
.pq-hero .pq-card #amt,
.pq-hero .pq-card #det{
  min-height:0!important;
}
/* Don't reserve empty spacer height when Exterior / Whole-Home hide sections */
.pq-hero .pq-card #intOnly.pq-hide,
.pq-hero .pq-card #roomsQ.pq-hide{
  display:none!important;
  visibility:hidden!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  pointer-events:none!important;
}

@media (min-width:960px){
  .pq-hero.hero-room .h11{
    padding:56px var(--ux-gutter,5vw) 48px!important;
    align-items:start!important;
  }
}

/* ——— Short-height laptops: compact, don't clip ——— */
@media (min-width:960px) and (max-height:900px){
  .pq-hero.hero-room .h11{padding:36px var(--ux-gutter,4vw) 28px!important;gap:20px!important}
  .pq-hero.hero-room .h11-copy h1{font-size:clamp(32px,4.2vw,52px)!important;margin-bottom:8px!important}
  .pq-hero.hero-room .h11-lead{font-size:15px!important;line-height:1.35!important}
  .pq-hero.hero-room .h11-stroke{margin-bottom:10px!important;height:8px}
  .pq-hero .pq-card{padding:14px 16px!important}
  .pq-hero .pq-q{margin:8px 0!important}
  .pq-hero .pq-top{margin-bottom:4px!important}
  .pq-opt.pq-pkg{padding:6px 6px 6px!important;gap:3px!important}
  .pq-opt.pq-pkg .pkg-ic{width:22px;height:22px}
  .pq-chip.pq-finb{min-height:0!important;padding:5px!important}
  .pq-finb .fn-th{width:40px!important;height:30px!important}
  .pq-hero .pq-card .pq-res{margin-top:10px!important;padding:10px!important}
  .pq-hero .pq-card .pq-res .pq-amt{font-size:clamp(22px,2.4vw,28px)!important}
  .pq-cta,.pq-tel{min-height:40px!important}
}
@media (min-width:960px) and (max-height:760px){
  .pq-hero.hero-room .h11{padding:24px var(--ux-gutter,3vw) 20px!important}
  .pq-hero.hero-room .h11-copy h1{font-size:clamp(28px,3.6vw,42px)!important}
  .pq-hero .pq-card{padding:12px 14px!important}
  .pq-hero .pq-qh{font-size:11px!important}
  .pq-opt.pq-pkg .pkg-ic{width:20px;height:20px}
  .pq-finb .fn-g{display:none!important} /* keep labels; drop helper line only on very short */
  .pq-hero .pq-card .pq-fine{font-size:11px!important}
}

/* ——— AI hero background (image-set + navy scrim kept) ——— */
.pq-hero.hero-room .pq-bg .house{
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  background-image:image-set(
    url(assets/hero-room-desktop-1280.webp) 1x type("image/webp"),
    url(assets/hero-room-desktop-1920.webp) 2x type("image/webp"),
    url(assets/hero-room-desktop-2560.webp) 3x type("image/webp")
  )!important;
  background-size:cover!important;
  background-position:center 40%!important;
  background-repeat:no-repeat!important;
}
@media (max-width:959px){
  .pq-hero.hero-room .pq-bg .house{
    background-image:image-set(
      url(assets/hero-room-mobile-750.webp) 1x type("image/webp"),
      url(assets/hero-room-mobile-1080.webp) 2x type("image/webp"),
      url(assets/hero-room-mobile-1288.webp) 3x type("image/webp")
    )!important;
    background-position:center 36%!important;
  }
}
@supports not (background-image:image-set(url(x) 1x)){
  .pq-hero.hero-room .pq-bg .house{
    background-image:url(assets/hero-room-desktop-1920.webp)!important;
  }
  @media (max-width:959px){
    .pq-hero.hero-room .pq-bg .house{
      background-image:url(assets/hero-room-mobile-1080.webp)!important;
    }
  }
}
/* keep readable navy scrim over AI photo */
.pq-hero.hero-room .pq-ov{
  background:
    linear-gradient(90deg, rgba(11,37,69,.42) 0, rgba(11,37,69,.14) 40%, rgba(11,37,69,.06) 62%, rgba(11,37,69,.12) 100%),
    linear-gradient(180deg, rgba(11,37,69,.22) 0, rgba(11,37,69,.06) 28%, rgba(11,37,69,.10) 70%, rgba(11,37,69,.48) 100%)!important;
}
@media (max-width:959px){
  .pq-hero.hero-room .pq-ov{
    background:
      linear-gradient(180deg, rgba(11,37,69,.34) 0, rgba(11,37,69,.10) 24%, rgba(11,37,69,.14) 55%, rgba(11,37,69,.52) 100%)!important;
  }
}

/* Package icons */
.pq-opt.pq-pkg{
  flex-direction:column!important;
  gap:6px!important;
  padding:10px 8px 8px!important;
}
.pq-opt.pq-pkg .pkg-ic{width:28px;height:28px;flex:none;display:block}
.pq-opt.pq-pkg span{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.pq-opt.pq-pkg small{margin-top:2px}
@media (max-width:400px){
  .pq-opt.pq-pkg .pkg-ic{width:24px;height:24px}
  .pq-opt.pq-pkg{padding:8px 4px!important;gap:4px!important}
}
.pc .pkg-ic-wrap{display:flex;align-items:center;gap:12px;margin:0 0 8px}
.pc .pkg-ic-wrap .pkg-ic{width:48px;height:48px;flex:none}
.pc .pkg-ic-wrap h3{margin:0}
.row.pkg-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.row.pkg-row .pkg-ic{width:22px;height:22px;flex:none;margin-right:0;display:inline-block}
.row.pkg-row > span{flex:1 1 auto}
.row.pkg-row > b{margin-left:auto}