.paint-catalog{min-width:0}.paint-count{color:#71695d;margin:10px 0;font-size:12px}.paint-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;margin:14px 0;display:grid}.paint-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9d2c6;border-radius:10px;padding:0;overflow:hidden}:is(.paint-card:hover,.paint-card:focus-visible){outline-offset:2px;outline:2px solid #8c9b91}.paint-card[aria-pressed=true]{border:2px solid #365d49}.paint-card-swatch{height:96px;display:block}.paint-card-label{padding:12px;display:block}.paint-card-label strong{font-size:13px}.paint-card-label small{color:#746d61;margin-top:4px;font-size:11px;line-height:1.5;display:block}.paint-pagination{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.paint-selected{text-align:left;cursor:pointer;background:#faf9f6;border:1px solid #d9d2c6;border-radius:10px;align-items:center;gap:12px;width:100%;margin:10px 0;padding:10px;display:flex}.paint-selected>span:first-child{border:1px solid #d0cbc0;border-radius:6px;flex-shrink:0;width:56px;height:56px}.paint-selected small{font-size:11px;display:block}.paint-detail-dialog{max-height:92dvh;overflow:auto;width:min(960px,100vw - 32px)!important;max-width:960px!important}.paint-large-swatch{border:1px solid #d9d2c6;border-radius:12px;width:100%;height:45vh;min-height:230px}.paint-detail-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.paint-detail-summary strong{letter-spacing:.02em;font-size:24px}.paint-detail-summary p{margin:5px 0}.paint-detail-note{color:#71695d;font-size:12px;line-height:1.5}@media (max-width:600px){.paint-detail-summary{flex-direction:column;align-items:flex-start}.paint-detail-summary strong{font-size:20px}.paint-large-swatch{height:37vh}.paint-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}