.clr-page{min-height:100vh;background:#ffffff}.clr-hero{background:#ffffff;padding:3rem 0 2.5rem;border-bottom:1px solid #e5e5ea}.clr-hero-inner{width:100%;padding:0 1.5rem}@media (min-width:1024px){.clr-hero-inner{padding:0 4rem}}.clr-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#8a8f9e;margin-bottom:1.5rem}.clr-breadcrumb a{color:#8a8f9e;text-decoration:none}.clr-breadcrumb a:hover{color:#0d1121}.clr-breadcrumb span:last-child{color:#0d1121;font-weight:600}.clr-hero-eyebrow{display:block;font-size:.875rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-secondary);margin:0 0 .75rem}.clr-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:400;color:#0d1121;margin:0;line-height:1.25}.clr-hero-count{font-size:.875rem;color:#8a8f9e;margin:.75rem 0 0}.clr-filter-bar{background:#fafafa;border-bottom:1px solid #e5e5ea;padding:.875rem 1.5rem 0}@media (min-width:1024px){.clr-filter-bar{padding:1rem 4rem 0}}.clr-filter-bar-inner{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;padding-bottom:.875rem;border-bottom:1px solid #e5e5ea}.clr-fb-search{position:relative;flex:1;min-width:160px;max-width:240px}.clr-fb-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.clr-fb-search-input{width:100%;height:36px;padding:0 10px 0 30px;border:1.5px solid #e5e5ea;font-size:13px;color:#0d1121;background:#ffffff;box-sizing:border-box;outline:none;transition:border-color .12s}.clr-fb-search-input:focus{border-color:var(--brand-secondary)}.clr-fb-pills{display:flex;border:1.5px solid #e5e5ea;overflow:hidden;background:#fff;flex-shrink:0}.clr-fb-pill{padding:0 14px;height:36px;border:none;border-right:1.5px solid #e5e5ea;background:transparent;font-size:13px;font-weight:500;color:#4a5163;cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.clr-fb-pill:last-child{border-right:none}.clr-fb-pill:hover{background:#f3f4f6}.clr-fb-pill.is-active{background:#0d1121;color:#ffffff;font-weight:700}.clr-fb-select{height:36px;padding:0 2rem 0 .75rem;border:1.5px solid #e5e5ea;background:#ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8f9e' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right .6rem center;font-size:13px;color:#0d1121;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;flex-shrink:0;max-width:200px;transition:border-color .12s}.clr-fb-select:focus{border-color:var(--brand-secondary)}.clr-fb-clear{height:36px;padding:0 14px;border:1.5px solid #e5e5ea;background:#fff;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;white-space:nowrap;transition:border-color .1s,color .1s;flex-shrink:0}.clr-fb-clear:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}.clr-tags-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:.75rem 0;scrollbar-width:none;-ms-overflow-style:none}.clr-tags-row::-webkit-scrollbar{display:none}.clr-tags-label{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a8f9e}.clr-tag,.clr-tags-label{flex-shrink:0;white-space:nowrap}.clr-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:1.5px solid #e5e5ea;background:#fff;font-size:12px;font-weight:500;color:#0d1121;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.clr-tag:hover{border-color:#c5cdd6;background:#f3f4f6}.clr-tag.is-active{background:var(--brand-secondary);color:#fff;border-color:var(--brand-secondary)}.clr-tag-count{font-size:10px;opacity:.7}.clr-content{width:100%;padding:2rem 1.5rem 4rem}@media (min-width:1024px){.clr-content{padding:2rem 4rem 4rem}}.clr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;transition:opacity .2s}.clr-grid.is-loading{opacity:.5}@media (min-width:480px){.clr-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:640px){.clr-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:900px){.clr-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1200px){.clr-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (min-width:1440px){.clr-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.clr-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e5e5ea;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease;cursor:default}.clr-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12);border-color:#c5cdd6}.clr-card-swatch{position:relative;aspect-ratio:1;width:100%}.clr-card-hex{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;opacity:0;transition:opacity .13s;letter-spacing:.04em}.clr-card:hover .clr-card-hex{opacity:1}.clr-card-info{padding:7px 8px 8px;background:#fff;border-top:1px solid #e5e5ea}.clr-card-name{font-size:11px;font-weight:600;color:#0d1121;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.clr-card-code{font-size:10px;color:#8a8f9e;margin:2px 0 0}.clr-skeleton{aspect-ratio:1;background:#faf8f4;animation:clr-pulse 1.4s ease-in-out infinite}@keyframes clr-pulse{0%,to{opacity:1}50%{opacity:.4}}.clr-empty{padding:80px 20px;text-align:center;color:#4a5163;font-size:14px}.clr-empty-btn{margin-top:16px;font-size:14px;color:var(--brand-secondary);background:none;border:none;cursor:pointer;text-decoration:underline}.clr-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:3rem;flex-wrap:wrap}.clr-page-btn{height:40px;padding:0 20px;border:1.5px solid #e5e5ea;background:#fff;font-size:13px;font-weight:500;color:#0d1121;cursor:pointer;transition:border-color .1s,background .1s}.clr-page-btn:hover:not(:disabled){border-color:#c5cdd6;background:#faf8f4}.clr-page-btn:disabled{opacity:.4;cursor:not-allowed}.clr-page-nums{display:flex;gap:4px}.clr-page-num{width:40px;height:40px;border:1.5px solid #e5e5ea;background:#fff;font-size:13px;font-weight:500;color:#0d1121;cursor:pointer;transition:border-color .1s,background .1s,color .1s}.clr-page-num:hover{border-color:#c5cdd6;background:#faf8f4}.clr-page-num.is-active{background:#0d1121;border-color:#0d1121;color:#fff}.clr-wish-btn{position:absolute;top:5px;right:5px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.82);border:none;cursor:pointer;color:#8a8f9e;opacity:0;transition:opacity .15s,color .15s,background .15s;border-radius:50%;backdrop-filter:blur(2px)}.clr-card:hover .clr-wish-btn{opacity:1}.clr-wish-btn:hover{background:rgba(255,255,255,.98);color:var(--brand-secondary,#ED1C24)}.clr-wish-btn.is-wished{opacity:1;color:var(--brand-secondary,#ED1C24);background:rgba(255,255,255,.95)}