.cp-swatch-hero{background:#faf8f5;background:var(--cp-cream, #faf8f5);padding:48px 0 40px;text-align:center}.cp-swatch-hero__label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e8614d;color:var(--cp-coral, #E8614D);margin:0 0 8px}.cp-swatch-hero__title{font-size:36px;font-weight:800;color:#1a1a1a;color:var(--cp-dark, #1a1a1a);margin:0 0 12px;letter-spacing:-.02em}.cp-swatch-hero__sub{font-size:17px;color:#4a4a4a;color:var(--cp-warm-gray, #4a4a4a);max-width:600px;margin:0 auto;line-height:1.6}.cp-swatch-steps{padding:40px 0;border-bottom:1px solid #e5e2dd;border-bottom:1px solid var(--cp-border, #e5e2dd)}.cp-swatch-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}.cp-swatch-steps__item{padding:0 16px}.cp-swatch-steps__item strong{display:block;font-size:15px;color:#1a1a1a;margin-bottom:4px}.cp-swatch-steps__item p{font-size:14px;color:#9a9a9a;margin:0;line-height:1.5}.cp-swatch-steps__num{width:40px;height:40px;border-radius:50%;background:#e8614d;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.cp-swatch-empty{text-align:center;padding:80px 20px;color:#4a4a4a}.cp-swatch-empty a{color:#e8614d}.cp-swatch-jump{padding:32px 0 0}.cp-swatch-jump__grid{display:flex;gap:20px;justify-content:center}.cp-swatch-jump__btn{display:flex;align-items:center;gap:12px;padding:20px 40px;background:#fff;border:2px solid #e5e2dd;border-radius:10px;cursor:pointer;transition:all .2s;text-decoration:none;color:#1a1a1a;min-width:220px}.cp-swatch-jump__btn:hover{border-color:#e8614d;box-shadow:0 4px 16px #e8614d1f}.cp-swatch-jump__btn svg{flex-shrink:0;color:#e8614d}.cp-swatch-jump__btn-text{text-align:left}.cp-swatch-jump__btn-title{display:block;font-size:18px;font-weight:700;color:#1a1a1a}.cp-swatch-jump__btn-count{display:block;font-size:13px;color:#9a9a9a;margin-top:2px}.cp-swatch-colors{padding:32px 0;border-bottom:1px solid #e5e2dd}.cp-swatch-colors__title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}.cp-swatch-colors__grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cp-color-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;background:none;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;min-width:56px}.cp-color-btn:hover{background:#faf8f5}.cp-color-btn--active{border-color:#e8614d;background:#fdf4f2}.cp-color-btn__swatch{width:32px;height:32px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #00000014}.cp-color-btn__swatch--all{background:conic-gradient(#c0392b,#d35400,#f1c40f,#27ae60,#2980b9,#8e44ad,#c0392b)}.cp-color-btn__label{font-size:11px;font-weight:600;color:#4a4a4a;white-space:nowrap}.cp-swatch-filters{position:sticky;top:68px;z-index:50;background:#fff;border-bottom:1px solid #e5e2dd;padding:12px 0}.cp-swatch-filters__scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:center}.cp-swatch-filters__scroll::-webkit-scrollbar{display:none}.cp-swatch-filters__divider{width:1px;height:24px;background:#e5e2dd;flex-shrink:0;margin:0 4px}.cp-swatch-filter{display:inline-flex;align-items:center;padding:8px 18px;font-size:13px;font-weight:600;color:#4a4a4a;background:#faf8f5;border:1px solid #e5e2dd;border-radius:100px;cursor:pointer;white-space:nowrap;transition:all .2s}.cp-swatch-filter:hover{border-color:#e8614d;color:#e8614d}.cp-swatch-filter--active{background:#e8614d;color:#fff!important;border-color:#e8614d}.cp-swatch-badges-bar{padding:16px 0;border-bottom:1px solid #e5e2dd}.cp-swatch-badges-bar .page-width{display:flex;gap:12px;justify-content:center}.cp-badge-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;color:#4a4a4a;background:#fff;border:1px solid #e5e2dd;border-radius:100px;cursor:pointer;transition:all .2s}.cp-badge-toggle:hover{border-color:#e8614d;color:#e8614d}.cp-badge-toggle--active{background:#fdf4f2;border-color:#e8614d;color:#e8614d}.cp-swatch-section-header{padding:48px 0 8px}.cp-swatch-section-header__title{font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 8px}.cp-swatch-section-header__sub{font-size:15px;color:#4a4a4a;margin:0}.cp-swatch-leather-note{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 18px;background:#fef9f0;border:1px solid #f0dcc0;border-radius:8px;font-size:13px;color:#6b5a3e;line-height:1.5}.cp-swatch-leather-note svg{flex-shrink:0;margin-top:1px;color:#c09040}.cp-swatch-grid-wrap{padding:0 0 120px}.cp-swatch-group{margin-bottom:40px}.cp-swatch-group:last-child{margin-bottom:0}.cp-swatch-group__title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #E8614D;display:inline-block}.cp-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.cp-swatch-card{position:relative;border:1px solid #e5e2dd;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.cp-swatch-card:hover{box-shadow:0 4px 16px #0000000f}.cp-swatch-card--selected{border-color:#e8614d!important;box-shadow:0 0 0 2px #e8614d33}.cp-swatch-card__label{cursor:pointer;display:block}.cp-swatch-card__image-wrap{position:relative;aspect-ratio:1;overflow:hidden}.cp-swatch-card__img{display:block;width:100%;height:100%;object-fit:cover}.cp-swatch-card__color{width:100%;height:100%}.cp-swatch-card__check-icon{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#e8614d;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.cp-swatch-card--selected .cp-swatch-card__check-icon{opacity:1;transform:scale(1)}.cp-swatch-card__badge-icon{position:absolute;bottom:10px;left:10px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cp-swatch-card__badge-icon--pet{background:#ffffffe6;color:#27ae60}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.cp-swatch-card__info{padding:12px 14px 14px}.cp-swatch-card__name{display:block;font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:4px}.cp-swatch-card__type{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#e8614d;background:#fdf4f2;padding:2px 8px;border-radius:3px;margin-bottom:6px}.cp-swatch-card__comp{display:block;font-size:12px;color:#9a9a9a;line-height:1.4;margin-bottom:4px}.cp-swatch-card__specs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}.cp-swatch-card__spec{font-size:11px;font-weight:600;color:#4a4a4a;white-space:nowrap}.cp-swatch-card__badges{display:flex;gap:4px;flex-wrap:wrap}.cp-swatch-card__badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 7px;border-radius:3px}.cp-swatch-card__badge--pet{background:#ecfdf5;color:#059669}.cp-swatch-card__badge--perf{background:#eff6ff;color:#2563eb}.cp-swatch-card__badge--cert{background:#fef9c3;color:#a16207}.cp-swatch-card__desc{font-size:12px;color:#9a9a9a;margin:6px 0 0;line-height:1.4}.cp-swatch-selection{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff;border-top:1px solid #e5e2dd;box-shadow:0 -4px 20px #00000014;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.cp-swatch-selection--visible{transform:translateY(0)}.cp-swatch-selection__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.cp-swatch-selection__info{flex:1;min-width:0}.cp-swatch-selection__info span:first-child{display:block;font-size:15px;color:#1a1a1a}.cp-swatch-selection__names{display:block;font-size:12px;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.cp-swatch-selection__btn{display:inline-flex;align-items:center;padding:12px 28px;background:#e8614d;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .2s;flex-shrink:0}.cp-swatch-selection__btn:hover{background:#d4553f}.cp-swatch-selection__btn:disabled{opacity:.5;cursor:not-allowed}.cp-swatch-form-wrap{background:#faf8f5;padding:0;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.cp-swatch-form-wrap--visible{max-height:1200px;padding:48px 0 80px}.cp-swatch-form{max-width:640px;margin:0 auto}.cp-swatch-form__title{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.cp-swatch-form__selected{margin-bottom:24px;font-size:14px;color:#4a4a4a;line-height:2}.cp-swatch-form__tag{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #e5e2dd;border-radius:100px;padding:4px 10px;font-size:13px;margin:2px 4px 2px 0;white-space:nowrap}.cp-swatch-form__tag button{background:none;border:none;cursor:pointer;font-size:16px;color:#9a9a9a;padding:0 2px;line-height:1}.cp-swatch-form__tag button:hover{color:#e8614d}.cp-swatch-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-swatch-form__field{display:flex;flex-direction:column}.cp-swatch-form__field--full{grid-column:1 / -1}.cp-swatch-form__field label{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.cp-swatch-form__field input,.cp-swatch-form__field textarea{padding:12px 14px;font-size:15px;border:1px solid #e5e2dd;border-radius:6px;background:#fff;color:#1a1a1a;transition:border-color .2s;font-family:inherit}.cp-swatch-form__field input:focus,.cp-swatch-form__field textarea:focus{outline:none;border-color:#e8614d}.cp-swatch-form__submit{display:block;width:100%;margin-top:24px;padding:16px 32px;background:#e8614d;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:6px;cursor:pointer;transition:background .2s;text-align:center;text-decoration:none}.cp-swatch-form__submit:hover{background:#d4553f;color:#fff}.cp-swatch-toast{position:fixed;top:80px;right:20px;z-index:200;transform:translate(120%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.cp-swatch-toast--visible{transform:translate(0)}.cp-swatch-toast__inner{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e2dd;border-radius:10px;padding:16px 20px;box-shadow:0 8px 30px #0000001f;font-size:14px;font-weight:600;color:#1a1a1a}.cp-swatch-toast__link{color:#e8614d;text-decoration:none;font-weight:700;white-space:nowrap}.cp-swatch-toast__link:hover{text-decoration:underline}@media screen and (max-width:768px){.cp-swatch-hero{padding:32px 0 28px}.cp-swatch-hero__title{font-size:26px}.cp-swatch-hero__sub{font-size:15px}.cp-swatch-steps__grid{grid-template-columns:1fr;gap:24px}.cp-swatch-jump__grid{flex-direction:column;gap:12px}.cp-swatch-jump__btn{min-width:0;width:100%;padding:16px 24px}.cp-swatch-colors__grid{gap:4px}.cp-color-btn{min-width:48px;padding:6px}.cp-color-btn__swatch{width:28px;height:28px}.cp-color-btn__label{font-size:10px}.cp-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cp-swatch-filters{top:68px}.cp-swatch-filters__scroll{padding:0 16px}.cp-swatch-section-header{padding:32px 0 8px}.cp-swatch-section-header__title{font-size:22px}.cp-swatch-selection__inner{flex-direction:column;align-items:stretch;padding:12px 0}.cp-swatch-selection__btn{width:100%;justify-content:center}.cp-swatch-selection__names{display:none}.cp-swatch-form__grid{grid-template-columns:1fr}.cp-swatch-form-wrap--visible{padding:32px 0 100px}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/section-cp-swatch-page.css.map */