.cpp{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:8px;box-sizing:border-box;border:1px solid #d6d6d6;border-radius:15px;background:#ececec;color:#121212;transition:box-shadow .3s,transform .3s}.cpp__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:10px;background:#fff}.cpp__media img{display:block;width:100%;height:100%;object-fit:contain}.cpp__badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:20px;background:#121212;color:#fff;font-size:12px;font-weight:600}.cpp__actions{display:flex;align-items:center;gap:10px;min-height:38px;padding-top:13.5px}.cpp__atc{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:#22577a;cursor:pointer;transition:background .2s,opacity .2s}.cpp__atc:hover{background:#2f6f96}.cpp__atc:focus-visible{outline:2px solid #121212;outline-offset:2px}.cpp__atc[disabled]{background:#9aa6ad;cursor:not-allowed}.cpp__atc[aria-busy=true]{opacity:.6}.cpp__atc svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cpp__divider{flex:none;width:1px;height:24px;background:#c8c8c8}.cpp__dots{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;margin:-5px;padding:5px;overflow:hidden}.cpp__dot{display:block;flex:none;width:18px;height:18px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #00000038}.cpp__dot--active{box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #ececec,0 0 0 3.5px #121212}.cpp__dot:focus-visible{outline:2px solid #121212;outline-offset:3px}.cpp__more{flex:none;white-space:nowrap;color:#121212;font-size:12px;font-weight:600;text-decoration:none}.cpp__title{margin-top:8px;color:#121212;font-size:17px;font-weight:400;line-height:1.5;text-decoration:none}.cpp__title:hover{text-decoration:underline;text-underline-offset:3px}.cpp__price{margin-top:2px;color:#121212;font-size:16px;font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums}.cpp__price-compare{margin-left:6px;color:#121212;font-size:inherit;font-weight:500;text-decoration-thickness:1.5px}.cpp__badge--sale{left:auto;right:10px;background:#c4161c;font-weight:700;letter-spacing:.02em}.cpp__price-sale{color:#c4161c;font-weight:700}.cpp__price--sale{display:flex;flex-direction:column;align-items:flex-start}.cpp__price--sale .cpp__price-compare{margin-left:0}.cpp__price--sale .cpp__price-sale{margin-top:-4px}.cpp__price-compare,.cpp__price-sale{white-space:nowrap}.cpp--sold-out .cpp__media img{opacity:.6}.cpp__img-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:#fff;transition:opacity .35s ease}@media(hover:hover){.cpp:hover{box-shadow:0 0 18px #00000012}.cpp:hover .cpp__img-hover{opacity:1}.cpp:hover .cpp__title{text-decoration:underline;text-underline-offset:3px}}@media screen and (max-width:749px){.cpp{padding:6px;border-radius:12px}.cpp__actions{gap:8px;min-height:34px;padding-top:12px}.cpp__atc{width:34px;height:34px}.cpp__atc svg{width:18px;height:18px}.cpp__divider{height:20px}.cpp__dots{gap:5px}.cpp__dot{width:15px;height:15px}.cpp__title{font-size:15px;line-height:1.4}.cpp__price{margin-top:2px;font-size:15px}}.cpp-pop{position:fixed;z-index:1002;width:min(30rem,calc(100vw - 2.4rem));padding:1.4rem;box-sizing:border-box;border-radius:1.4rem;background:#fff;color:#121212;box-shadow:0 1.2rem 3.6rem #0003}.cpp-pop[hidden]{display:none}.cpp-pop__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cpp-pop__title{display:-webkit-box;margin:0;overflow:hidden;font-size:1.4rem;font-weight:700;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cpp-pop__close{flex:none;width:3.2rem;height:3.2rem;margin:-.6rem -.6rem 0 0;padding:0;border:0;background:none;color:#121212;font-size:2.4rem;line-height:1;cursor:pointer}.cpp-pop__group{margin:1.2rem 0 0;padding:0;border:0}.cpp-pop__legend{margin-bottom:.6rem;padding:0;color:#121212b3;font-size:1.2rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cpp-pop__values{display:flex;flex-wrap:wrap;gap:.6rem}.cpp-pop__value{min-width:4.4rem;min-height:3.6rem;padding:0 1rem;border:1px solid #d6d6d6;border-radius:.8rem;background:#fff;color:#121212;font-family:inherit;font-size:1.4rem;cursor:pointer}.cpp-pop__value:hover{border-color:#121212}.cpp-pop__value[aria-pressed=true]{border-color:#121212;background:#121212;color:#fff}.cpp-pop__value[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}.cpp-pop__value:focus-visible,.cpp-pop__add:focus-visible,.cpp-pop__close:focus-visible{outline:2px solid #121212;outline-offset:2px}.cpp-pop__stock{display:flex;align-items:center;gap:.8rem;margin:1rem 0 0;font-size:1.3rem;line-height:1.4}.cpp-pop__stock[hidden]{display:none}.cpp-pop__stock-dot{position:relative;flex:none;width:.9rem;height:.9rem;border-radius:50%;color:#ee9441;background:currentColor}.cpp-pop__stock-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:currentColor;animation:cpp-stock-pulse 1.6s ease-out infinite}@keyframes cpp-stock-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2.6);opacity:0}}@media(prefers-reduced-motion:reduce){.cpp-pop__stock-dot:after{animation:none}}.cpp-pop__error{margin:.8rem 0 0;color:#b42318;font-size:1.2rem}.cpp-pop__error:empty{display:none}.cpp-pop__add{width:100%;min-height:4.4rem;margin-top:1.4rem;border:0;border-radius:1rem;background:#22577a;color:#fff;font-family:inherit;font-size:1.5rem;font-weight:700;cursor:pointer}.cpp-pop__add:hover{background:#2f6f96}.cpp-pop__add[disabled]{background:#c9cfd3;cursor:not-allowed}.cpp-pop__add[aria-busy=true]{opacity:.6}.cpp__dot:empty{display:block}.cpp__more[hidden],.cpp__dot[hidden]{display:none}.cpp-pop__legend span{color:#121212;font-weight:600;letter-spacing:0;text-transform:none}.cpp-pop__swatch,.cpp-pop__value--swatch{width:3.2rem;min-width:3.2rem;height:3.2rem;min-height:3.2rem;padding:0;border:0;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000038;cursor:pointer}.cpp-pop__swatch:hover,.cpp-pop__value--swatch:hover{box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #fff,0 0 0 3px #12121266}.cpp-pop__swatch[aria-pressed=true],.cpp-pop__value--swatch[aria-pressed=true]{border:0;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #fff,0 0 0 4px #121212}.cpp-pop__value--swatch[disabled]{text-decoration:none}.cpp-pop__swatch:focus-visible{outline:2px solid #121212;outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/19/assets/card-product-pro.css.map */