.colour-pills-wrapper{width:100%;max-width:1300px;margin:0 auto;padding:12px 20px 4px;box-sizing:border-box}.colour-pills-label{font-size:12px;font-weight:600;color:#333;white-space:nowrap;flex-shrink:0;display:block;margin-bottom:10px}.swatches-section{margin-bottom:16px}.swatches-row{display:flex;flex-wrap:wrap;gap:12px 10px;align-items:flex-start}.swatch-item{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;cursor:pointer;min-width:44px}.swatch-circle{display:block;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.12);transition:transform .15s ease}.swatch-item:hover .swatch-circle{transform:scale(1.1)}.swatch-item.active .swatch-circle{outline:2.5px solid #111;outline-offset:2px}.swatch-name{font-size:11px;color:#666;text-align:center;line-height:1.3}.swatch-item.active .swatch-name{color:#111;font-weight:600}.colour-pills-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fabric-pills-row{margin-top:16px}.colour-pills{display:flex;flex-wrap:wrap;gap:8px}.colour-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #ddd;border-radius:999px;text-decoration:none;font-size:13px;font-weight:500;color:#333;background:#fff;transition:border-color .2s,box-shadow .2s;white-space:nowrap}.colour-pill:hover{border-color:#999;box-shadow:0 1px 4px #0000001a}.colour-pill.active{border-color:#111;border-width:2px;color:#111;font-weight:600}.fabric-pill{padding:6px 14px}.fabric-pills-section{margin-top:16px}@media(max-width:640px){.colour-pills-wrapper{padding:10px 16px 4px}.swatch-circle{width:30px;height:30px}.swatches-row{gap:10px 8px}.swatch-name{font-size:10px}.colour-pill{font-size:12px;padding:5px 12px}}.collection-back-link{padding-left:20px;max-width:1300px;margin:0 auto 12px}.collection-back-link a{font-family:Jost,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-secondary, #666);text-decoration:none;letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px}.collection-back-link a:hover{color:#111}
/*# sourceMappingURL=/cdn/shop/t/21/assets/colour-pills-section.css.map */