.pch-section{background:var(--cf-bg);padding:40px 0 60px;font-family:var(--font-body)}.pch-container{max-width:960px;margin:0 auto;padding:0 24px}.pch-breadcrumb{font-size:13px;color:var(--cf-muted);margin-bottom:24px}.pch-breadcrumb a{color:var(--cf-accent);text-decoration:none}.pch-breadcrumb a:hover{text-decoration:underline}.pch-breadcrumb__sep{margin:0 6px}.pch-header{text-align:center;margin-bottom:28px}.pch-eyebrow{display:inline-block;font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cf-accent);background:#2dc8ca1f;padding:4px 14px;border-radius:2px;margin-bottom:12px}.pch-heading{font-family:var(--font-heading);font-size:clamp(32px,5.5vw,48px);font-weight:800;color:var(--cf-text);text-transform:uppercase;letter-spacing:.02em;line-height:1.1;margin:0 0 10px}.pch-subheading{font-size:16px;color:var(--cf-muted);margin:0 auto;max-width:560px;line-height:1.5}.pch-code-banner{display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto 20px;padding:14px 16px;background:#2dc8ca14;border:1px solid rgba(45,200,202,.25);border-radius:var(--cf-radius);color:var(--cf-text)}.pch-code-banner[hidden]{display:none}.pch-code-banner__icon{flex-shrink:0;color:var(--cf-accent)}.pch-code-banner__text{flex:1;font-size:14px;line-height:1.45;margin:0;color:var(--cf-text)}.pch-code-banner__text strong{color:var(--cf-accent-dark);font-weight:700}.pch-code-banner__clear{flex-shrink:0;background:none;border:none;font-size:16px;line-height:1;color:var(--cf-muted);cursor:pointer;padding:4px 6px;border-radius:2px}.pch-code-banner__clear:hover{color:var(--cf-text);background:#0000000d}.pch-search-wrap{max-width:440px;margin:0 auto 28px;position:relative}.pch-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--cf-muted-light);pointer-events:none}.pch-search{width:100%;padding:12px 40px 12px 42px;border:1px solid var(--cf-border);border-radius:var(--cf-radius);font-family:var(--font-body);font-size:15px;color:var(--cf-text);background:var(--cf-surface);outline:none;transition:border-color .15s}.pch-search::placeholder{color:var(--cf-muted-light)}.pch-search:focus{border-color:var(--cf-accent);box-shadow:0 0 0 3px var(--cf-accent-glow)}.pch-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;color:var(--cf-muted-light);cursor:pointer;display:none;padding:4px 6px;line-height:1}.pch-search-clear.visible{display:block}.pch-no-results{display:none;text-align:center;padding:24px;color:var(--cf-muted);font-size:15px}.pch-no-results.visible{display:block}.pch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pch-make-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--cf-border);border-radius:var(--cf-radius);text-decoration:none;color:var(--cf-text);font-weight:500;font-size:14px;background:var(--cf-surface);transition:border-color .15s,background .15s}.pch-make-card:hover{border-color:var(--cf-accent);background:#2dc8ca0a}.pch-make-card[hidden]{display:none}.pch-make-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.pch-make-logo--error{display:none}.pch-make-initial{width:32px;height:32px;border-radius:50%;background:var(--cf-surface-alt);display:none;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:13px;color:var(--cf-muted);flex-shrink:0}.pch-make-logo--error+.pch-make-initial{display:flex}.pch-make-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pch-cta{text-align:center;margin-top:36px;padding:28px 24px;background:var(--cf-surface-alt);border-radius:var(--cf-radius)}.pch-cta__eyebrow{font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cf-accent);margin:0 0 6px}.pch-cta__heading{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--cf-text);margin:0 0 6px}.pch-cta__text{font-size:14px;color:var(--cf-muted);margin:0 0 16px}.pch-cta__btn{display:inline-block;background:var(--cf-accent);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em;padding:12px 28px;border-radius:var(--cf-radius);text-decoration:none;transition:background .15s}.pch-cta__btn:hover{background:var(--cf-accent-dark)}@media(max-width:768px){.pch-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pch-make-card{padding:10px;gap:8px;font-size:13px}.pch-make-logo,.pch-make-initial{width:28px;height:28px}.pch-make-initial{font-size:11px}.pch-code-banner{padding:12px 14px;gap:10px}.pch-code-banner__text{font-size:13px}}@media(max-width:480px){.pch-grid{grid-template-columns:repeat(2,1fr)}.pch-make-card{padding:10px 8px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/paint-codes-hub.css.map */