.collection-pill-nav,.cpn-hero{width:100%}.cpn-hero__container{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:48px}.cpn-hero__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}.cpn-hero__eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin:0;line-height:1.4}.cpn-hero__heading{font-size:40px;font-weight:700;line-height:1.15;margin:0;letter-spacing:-.5px}.cpn-hero__subtitle{font-size:16px;line-height:1.6;max-width:520px;margin:0}.cpn-hero__subtitle p{margin:0 0 8px}.cpn-hero__subtitle p:last-child{margin-bottom:0}.cpn-hero__trust-pills{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.cpn-hero__trust-pill{display:inline-flex;align-items:center;gap:6px}.cpn-hero__trust-pill-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:#f75b20}.cpn-hero__trust-pill-icon svg{width:20px;height:20px;display:block}.cpn-hero__trust-pill-label{font-size:13px;font-weight:500;color:#353535;line-height:1.4}.cpn-hero__image-wrap{flex:0 0 50%;max-width:50%}.cpn-hero__image{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000f;object-fit:cover}.cpn-pills__container{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 1.5rem}.cpn-pills__bar{display:flex;align-items:center;gap:12px}.cpn-pills__scroll{flex:1;min-width:0;position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.cpn-pills__scroll::-webkit-scrollbar{display:none}.cpn-pills__list{display:flex;gap:8px;margin:0;padding:4px 0;flex-wrap:nowrap}.cpn-pills__pill{display:inline-block;flex-shrink:0;padding:10px 20px;border-radius:50px;border:1.5px solid var(--cpn-pill-border, #e5e0dc);background:var(--cpn-pill-bg-inactive, #fdfbf9);color:var(--cpn-pill-text, #675b5b);font-family:inherit;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;text-transform:none;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease;-webkit-appearance:none;appearance:none;outline:none}.cpn-pills__pill:hover{border-color:var(--cpn-pill-border-hover, #f75b20);color:var(--cpn-pill-text-hover, #f75b20);text-decoration:none}.cpn-pills__pill:focus-visible{outline:2px solid var(--cpn-pill-text-active, #f75b20);outline-offset:2px}.cpn-pills__pill--active{background-color:var(--cpn-pill-bg-active, rgba(247, 91, 32, .12));border-color:var(--cpn-pill-border-active, rgba(247, 91, 32, .3));color:var(--cpn-pill-text-active, #f75b20);font-weight:700}.cpn-pills__pill--active:hover{background-color:var(--cpn-pill-bg-active, rgba(247, 91, 32, .12));border-color:var(--cpn-pill-border-active, rgba(247, 91, 32, .3));color:var(--cpn-pill-text-active, #f75b20)}.cpn-pills__filter-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1.5px solid #e5e0dc;border-radius:50px;background:#fff;color:#675b5b;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.05em;white-space:nowrap;cursor:pointer;transition:border-color .2s ease,color .2s ease;-webkit-appearance:none;appearance:none;outline:none}.cpn-pills__filter-btn:hover{border-color:#f75b20;color:#f75b20}.cpn-pills__filter-btn:focus-visible{outline:2px solid #f75b20;outline-offset:2px}.cpn-pills__filter-btn svg{width:16px;height:16px}.cpn-pills__scroll:after{content:"";position:sticky;right:0;top:0;bottom:0;width:40px;flex-shrink:0;background:linear-gradient(to right,transparent,var(--cpn-section-bg, #ffffff));pointer-events:none;display:block;margin-top:-50px;height:50px;float:right}.cpn-pills__scroll.cpn-pills__scroll--no-overflow:after{display:none}.cpn-no-results{text-align:center;padding:32px 16px;color:#888;font-size:15px;margin:0}@media screen and (max-width:767px){.cpn-hero__container{flex-direction:column;gap:28px;padding:0 16px}.cpn-hero__content{gap:12px;order:1}.cpn-hero__heading{font-size:28px;letter-spacing:-.25px}.cpn-hero__subtitle{font-size:14px}.cpn-hero__trust-pills{gap:12px}.cpn-hero__image-wrap{flex:0 0 100%;max-width:100%;order:2}}@media screen and (max-width:749px){.cpn-pills__container{padding:0 1rem}.cpn-pills__list{padding-right:1rem}.cpn-pills__pill{padding:8px 16px;font-size:13px}.cpn-pills__filter-btn{padding:8px 12px;font-size:11px}.cpn-pills__filter-btn span{display:none}}body:has(.cpn-pills__filter-btn) .collection-grid-section .filter-toggle-btn{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-pill-nav.css.map */