/* hero6: finish corner thumbnails */
.fn-pop{width:184px}
.fwall{display:block;position:relative;border-radius:9px;overflow:hidden;aspect-ratio:16/9;background:#d9d3c9}
.fwall img{display:block;width:100%;height:100%;object-fit:cover}
.fwall:after{content:"";position:absolute;inset:0;pointer-events:none}
.fw-eggshell:after{background:radial-gradient(ellipse 30% 70% at 28% 45%,rgba(255,255,255,.16),transparent 70%)}
.fw-satin:after{background:radial-gradient(ellipse 26% 70% at 30% 45%,rgba(255,255,255,.22),transparent 70%)}
/* add-ons group */
.pq-addq{margin-top:16px;padding:12px;border-radius:14px;background:rgba(11,37,69,.05);border:1px dashed rgba(11,37,69,.22)}
.pq-adds{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pq-add{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:52px;padding:8px 12px!important;font:700 14px Inter,system-ui,sans-serif;color:#0B2545;text-align:left}
.pq-add .ai{width:30px;height:30px;flex:none;fill:none}
.pq-add .ck{margin-left:auto;width:20px;height:20px;border-radius:6px;border:2px solid rgba(11,37,69,.35);flex:none;position:relative}
.pq-add[aria-pressed=true] .ck{background:#FF7A00;border-color:#FF7A00}
.pq-add[aria-pressed=true] .ck:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
@media (max-width:380px){.pq-adds{grid-template-columns:1fr}}
/* press animation on quick-quote buttons */
.pq-card button{position:relative;overflow:hidden}
.pq-card button .rp{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,122,0,.28);transform:scale(0);animation:rp .45s ease-out forwards}
.pq-card button svg,.pq-card .fn-l{transition:transform .15s}
@media (prefers-reduced-motion:no-preference){
.pq-card button.pop svg{animation:ipop .38s cubic-bezier(.3,1.6,.5,1)}
.pq-card button.pop .fn-l{animation:ipop .38s cubic-bezier(.3,1.6,.5,1)}
.pq-opt[data-v=exterior].pop svg circle{animation:sun .5s ease-out;transform-origin:18px 5px}
.pq-opt[data-v=interior].pop svg rect{animation:door .4s ease-out;transform-origin:9px 20px}
.pq-add[data-v=ceilings].pop .ai-a{animation:swing .5s ease-in-out;transform-origin:16px 11px}
.pq-add[data-v=trim-doors].pop .ai-a{animation:sweep .45s ease-out;transform-origin:3px 27px}
}
@media (prefers-reduced-motion:reduce){.pq-card button .rp{display:none}}
@keyframes rp{to{transform:scale(2.6);opacity:0}}
@keyframes ipop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
@keyframes sun{50%{transform:rotate(90deg) scale(1.3)}}
@keyframes door{50%{transform:scaleX(.6)}}
@keyframes roll{50%{transform:translateX(5px)}}
@keyframes sweep{0%{transform:scaleX(.2)}100%{transform:scaleX(1)}}
/* 5-day forecast strip */
.fx{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.fx::-webkit-scrollbar{display:none}
.fx:empty{display:none}
.fx button{flex:1 0 74px;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 6px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(11,37,69,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:600 12px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
.fx button[aria-pressed=true]{border-color:#FF7A00;background:rgba(11,37,69,.8);box-shadow:inset 0 0 0 1px #FF7A00}
.fx .d{font-weight:800}.fx svg{width:22px;height:22px}.fx .t{color:#e6edf5}
.fx .k{font:700 10.5px Inter;padding:1px 6px;border-radius:999px;margin-top:2px;color:#0B2545;background:#cfd8e3}
.fx .k-good{background:#3ddc84}.fx .k-hold{background:#ffc24d}.fx .k-int{background:#9cc9ff}
.pq-fin .pq-chip{overflow:visible}
.pf{min-height:148px}
.pf{min-height:176px}@media (max-width:600px){.pf{min-height:186px}}
@media (max-width:420px){.pq-lead{min-height:4lh}}
.pq-in>*{min-width:0}.pq-card{min-width:0;max-width:100%}
@media (max-width:959px){.pq-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.fx{gap:5px}.fx button{flex:1 0 56px;padding:6px 3px}.fx .k{font-size:10px;padding:1px 4px}}
@keyframes swing{30%{transform:rotate(14deg)}65%{transform:rotate(-9deg)}}