.pins-visual [hidden],.pn-finder-page [hidden]{display:none!important}.pins-visual{margin:24px 0 36px}.pins-visual h2{font-size:clamp(23px,2.4vw,32px);margin:20px 0 14px}.pin-shape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pin-shape-grid button{position:relative;padding:12px;border:1px solid #c6d2da;border-radius:10px;background:#fff;color:#183342;font:inherit;font-size:15px;font-weight:600;line-height:1.35;cursor:pointer;min-width:0;text-align:left}.pin-shape-grid img{display:block;width:100%;height:84px;object-fit:contain;margin-bottom:8px}.pin-shape-grid button[aria-pressed=true]{border:3px solid #27637b;padding:10px;background:#ecf6fa}.pin-shape-grid button[aria-pressed=true]::after{content:'✓';position:absolute;right:8px;top:3px;font-size:22px;color:#183342}.pins-visual :focus-visible,.pn-finder-page :focus-visible{outline:3px solid #b84927;outline-offset:3px}.pin-choice-note{font-size:13px;color:#526777;margin:10px 0 22px}.pin-results-tools{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:22px 0}.pin-results-tools button{background:#fff;border:1px solid #96acba;border-radius:6px;padding:9px 14px;min-height:44px;cursor:pointer}.pin-product{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 0;border-top:1px solid #d3dfe6}.pin-product img{width:100%;height:105px;object-fit:contain}.pin-product h3{margin:0 0 7px;font-size:22px}.pin-product p{margin:0;color:#526777}.pin-product a{overflow-wrap:anywhere}.pn-finder-page .pn-mode-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.pn-finder-page .pn-shapes{grid-template-columns:repeat(4,minmax(0,1fr))}.pn-finder-page .pn-shapes img{width:100%;height:74px;object-fit:contain;background:#fff;border-radius:4px}.pn-finder-page .pn-shapes button[aria-pressed=true]::before{content:'✓ ';font-weight:bold}.pn-finder-page .pn-mode-note{color:#526777}.pn-finder-page .pn-fields{margin:14px 0}.pn-finder-page [data-pn-finder-status]{font-size:14px}.pn-finder-page .pn-family-results article p{margin:9px 0}.pn-finder-page .pn{padding:clamp(16px,2vw,26px)}
@media(max-width:800px){.pin-shape-grid,.pn-finder-page .pn-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.pin-product{grid-template-columns:140px minmax(0,1fr);gap:12px}.pin-product>.text-link{grid-column:2}.pin-results-tools{align-items:flex-start}.pin-product h3{font-size:19px}}
@media(max-width:420px){.pin-shape-grid button{font-size:13px}.pin-shape-grid img{height:70px}.pin-product{grid-template-columns:95px minmax(0,1fr)}.pin-product img{height:80px}.pin-results-tools{flex-wrap:wrap}}
@media(max-width:310px){.pin-shape-grid,.pn-finder-page .pn-shapes{grid-template-columns:1fr}.pin-product{grid-template-columns:1fr}.pin-product>.text-link{grid-column:1}}