/* Single-page quote form (mockup). Builds on quote.css .opt/.pc/.chk components. */
.qf{max-width:760px;margin:0 auto;padding:22px var(--pad) 60px}
.qf .q{margin-bottom:26px}
.qf .req{color:var(--red,#EC0000);font-weight:700}
.qf .opt-l{font-weight:400}
.pcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:620px){.pcs{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pc{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border:1.5px solid #4f4646;border-radius:10px;background:var(--card,var(--ch));cursor:pointer;text-align:center;font-family:var(--disp);font-weight:600;font-size:14px;line-height:1.2;min-height:132px}
.pc svg{width:72px;height:56px}
.pc .chk{top:8px;right:8px;transform:none;width:22px;height:22px}
.pcs.sz .pc svg{width:100%;max-width:120px;height:64px}
.qf .seg{display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.qf .seg .opt{min-height:46px;padding:8px 40px 8px 14px}
.qf label.fl{display:block;font-family:var(--disp);font-weight:600;font-size:15px;margin:0 0 6px}
.qf .row2{display:grid;gap:12px}
@media(min-width:620px){.qf .row2{grid-template-columns:1fr 1fr}}
.qf .drop{display:flex;align-items:center;gap:12px;padding:16px;border:1.5px dashed #8a8080;border-radius:10px;cursor:pointer}
.qf .drop input{font:inherit;font-size:14px;max-width:100%}
.qf .qf-more{color:inherit;margin:8px 0 12px;font-weight:600}
.qf .err{color:var(--red,#EC0000);font-size:14px;margin-top:6px}
.qf [hidden]{display:none!important}
.qf .btn{width:100%}
@media(min-width:620px){.qf .btn{width:auto;min-width:280px}}

/* v2 photo tiles for sign type */
.pcs.st .pc{padding:0 0 10px;gap:0;overflow:hidden;justify-content:flex-start;min-height:0}
.pcs.st .pc-ph{display:block;width:100%;aspect-ratio:4/3;background:#151111;overflow:hidden}
.pcs.st .pc-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.pcs.st .pc:hover .pc-ph img{transform:scale(1.04)}
.pcs.st .pc-l{padding:9px 8px 0;line-height:1.25}
.pcs.st .pc .chk{z-index:2;background:rgba(26,22,22,.7)}
.pcs.st .pc:has(input:checked) .chk{background:var(--yel)}
.pcs.st .pc:has(input:checked) .pc-ph img{filter:brightness(1.06)}
@media(max-width:619px){.pcs.st .pc:last-child{grid-column:1/-1}.pcs.st .pc:last-child .pc-ph{aspect-ratio:16/7}}