.card-wrapper .card,.card-wrapper .card.card--standard,.card-wrapper .card.card--card{background:#fff;border:3px solid var(--p-ink);border-radius:0;box-shadow:6px 6px 0 var(--p-ink);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;will-change:transform}.card-wrapper:hover .card,.card-wrapper:hover .card.card--standard,.card-wrapper:hover .card.card--card{transform:translate(-5px,-5px) rotate(-1deg);box-shadow:11px 11px 0 var(--p-purple)}.card-wrapper .card .card__inner:after,.card-wrapper .card--standard .card__inner:after{content:none;display:none}.card-wrapper .card__inner,.card-wrapper .card__inner.ratio{position:relative;width:100%;height:auto;aspect-ratio:auto;border:0;border-bottom:3px solid var(--p-ink);border-radius:0;overflow:hidden;background:transparent;padding:0;display:block}.card-wrapper .card__inner.ratio:before{content:none;padding-bottom:0}.card-wrapper .card-img{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:transparent;display:grid;place-items:center}.card-wrapper .card-img-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(135deg,var(--p-purple) 0%,var(--p-purple-deep) 100%)}.card-wrapper .card.p2p-card--op .card-img-bg,.card-wrapper .card.p2p-card--green .card-img-bg{background-image:linear-gradient(135deg,#00a86b,#006641)}.card-wrapper .card.p2p-card--sleeve .card-img-bg,.card-wrapper .card.p2p-card--pink .card-img-bg{background-image:linear-gradient(135deg,var(--p-pink) 0%,#b8326b 100%)}.card-wrapper .card.p2p-card--toploader .card-img-bg,.card-wrapper .card.p2p-card--electric .card-img-bg{background-image:linear-gradient(135deg,var(--p-electric) 0%,#0066cc 100%)}.card-wrapper .card.p2p-card--purple .card-img-bg{background-image:linear-gradient(135deg,var(--p-purple) 0%,var(--p-purple-deep) 100%)}.card-wrapper .card.p2p-card--red .card-img-bg{background-image:linear-gradient(135deg,var(--p-red) 0%,#b81e3a 100%)}.card-wrapper .card.p2p-card--yellow .card-img-bg{background-image:linear-gradient(135deg,var(--p-yellow) 0%,var(--p-yellow-deep) 100%)}.card-wrapper .card-img-pattern{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1.4px);background-size:8px 8px;animation:p2p-bg-pan 3s linear infinite;animation-play-state:paused;pointer-events:none}.card-wrapper:hover .card-img-pattern{animation-play-state:running}.card-wrapper .card-img-speedlines{display:block;position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:3;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 4deg,rgba(255,230,0,.12) 4deg 5deg);opacity:0;animation:p2p-spin-slow 6s linear infinite;animation-play-state:paused;transition:opacity .55s cubic-bezier(.22,1,.36,1);pointer-events:none}.card-wrapper:hover .card-img-speedlines{opacity:1;animation-play-state:running}.card-wrapper .card-img-product{position:relative;z-index:4;width:65%;max-width:65%;height:auto;max-height:80%;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 6px 20px rgba(0,0,0,.3));transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .5s}.card-wrapper:hover .card-img-product{transform:rotate(2deg) scale(1.08) translateY(-6px);filter:drop-shadow(0 16px 36px rgba(0,0,0,.4))}.card-wrapper .card__content{position:relative;display:flex;flex-direction:column;flex:1 1 auto;padding:16px;background:#fff}.card-wrapper .card__inner>.card__content{display:none}.card-wrapper .card__content>.card__information{flex:1 1 auto;margin:0;padding:0}.card-wrapper .card__heading,.card-wrapper .card__heading.h5,.card-wrapper h3.card__heading,.card-wrapper h3.card__heading.h5{margin:0 0 8px;min-height:36px;font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:14px;line-height:1.3;color:var(--p-ink);letter-spacing:0;text-transform:none;transition:color .2s ease}.card-wrapper .card__heading a,.card-wrapper .card__heading.h5 a,.card-wrapper h3.card__heading a{color:inherit;font:inherit;text-decoration:none;background:transparent;box-shadow:none}.card-wrapper.underline-links-hover:hover .card__heading a,.card-wrapper:hover .card__heading a{text-decoration:none}.card-wrapper:hover .card__heading,.card-wrapper:hover .card__heading a{color:var(--p-purple)}.card-wrapper .card__heading a:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;box-shadow:none;outline:none;background:none;border:none}.card-wrapper .card__heading a:focus:after,.card-wrapper .card__heading a:focus-visible:after,.card-wrapper .card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:none;background:none;border:none}.card-wrapper .card__heading a:focus-visible{outline:2px solid var(--p-electric);outline-offset:2px;box-shadow:none}.card-wrapper .card__heading a:focus:not(:focus-visible){outline:none}.card-wrapper .p2p-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto 0 0;padding:0;width:100%}.card-wrapper .p2p-card__footer .card-information{flex:1 1 auto;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;justify-content:center}.card-wrapper .p2p-card__footer .quick-add{position:static;flex:0 0 auto;width:36px;height:36px;margin:0}.card-wrapper .price,.card-wrapper .price__regular,.card-wrapper .price__regular .price-item--regular,.card-wrapper .price__sale .price-item--sale,.card-wrapper .price-item--regular,.card-wrapper .price-item{font-family:Bowlby One,sans-serif;font-weight:400;color:var(--p-purple);font-size:22px;line-height:1;letter-spacing:.01em;display:inline-block;transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1),color .4s ease}.card-wrapper:hover .price__regular .price-item--regular,.card-wrapper:hover .price__sale .price-item--sale,.card-wrapper:hover .price-item--regular,.card-wrapper:hover .price-item{transform:scale(1.1) rotate(-3deg);color:var(--p-red);transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s ease}.card-wrapper .p2p-card-tags{position:absolute;top:12px;left:12px;z-index:6;display:flex;flex-direction:column;gap:6px;pointer-events:none}.card-wrapper .p2p-card-region{position:absolute;top:12px;right:12px;z-index:6;pointer-events:none}.card-wrapper .p2p-card-tag{display:inline-block;padding:5px 10px;border:2px solid var(--p-ink);font-family:Bowlby One,sans-serif;font-size:11px;letter-spacing:.1em;color:#fff;text-transform:uppercase;background:var(--p-red);transform:rotate(-4deg);animation:p2p-wobble 3s ease-in-out infinite}.card-wrapper .p2p-card-tag--bestseller{background:var(--p-red);color:#fff}.card-wrapper .p2p-card-tag--new{background:var(--p-electric);color:var(--p-ink)}.card-wrapper .p2p-card-tag--hot{background:var(--p-yellow);color:var(--p-ink)}.card-wrapper .p2p-card-quickview{position:absolute;top:50%;left:50%;z-index:7;padding:8px 14px;background:var(--p-ink);color:var(--p-yellow);border:2px solid var(--p-yellow);font-family:Bowlby One,sans-serif;font-size:11px;font-weight:400;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,-50%) rotate(-3deg) scale(0);transition:opacity .3s,transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.card-wrapper:hover .p2p-card-quickview{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}.card-wrapper .card__badge{z-index:6}.card-wrapper .card__badge .badge{font-family:Bowlby One,sans-serif;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--p-ink);border-radius:0}.card-wrapper .add-btn,.card-wrapper .quick-add__submit.add-btn,.card-wrapper .add-btn.button,.card-wrapper .add-btn.button--secondary{position:relative;width:36px;height:36px;min-width:0;min-height:0;padding:0;margin:0;border:none;border-radius:50%;background:var(--p-ink);color:var(--p-yellow);font-family:Bowlby One,sans-serif;font-size:0;line-height:0;cursor:pointer;box-shadow:none;display:grid;place-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s}.card-wrapper .add-btn:before{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Bowlby One,sans-serif;font-size:20px;line-height:1;color:inherit;background:transparent;border:none;border-radius:0;box-shadow:none;z-index:1}.card-wrapper .add-btn:after,.card-wrapper .add-btn.button:after,.card-wrapper .add-btn.button--secondary:after{content:none;display:none;background:none;border:none;box-shadow:none}.card-wrapper .add-btn:hover,.card-wrapper .add-btn.button:not([disabled]):hover{transform:rotate(180deg) scale(1.15);background:var(--p-yellow);color:var(--p-ink);box-shadow:none}.card-wrapper .add-btn:hover:after,.card-wrapper .add-btn.button:not([disabled]):hover:after{content:none;display:none;box-shadow:none}.card-wrapper .add-btn:active{transform:scale(.92)}.card-wrapper .add-btn:focus-visible{outline:2px solid var(--p-electric);outline-offset:2px;box-shadow:none}.card-wrapper .add-btn.loading:before{opacity:0}.card-wrapper .add-btn.loading,.card-wrapper .add-btn.loading:hover,.card-wrapper .add-btn.button.loading:not([disabled]):hover{transform:none;background:var(--p-ink);color:var(--p-yellow)}.card-wrapper .add-btn .loading__spinner{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:auto;height:auto;margin:0;padding:0;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:3}.card-wrapper .add-btn .loading__spinner .spinner{width:16px;height:16px;color:currentColor}.card-wrapper .add-btn .loading__spinner svg{display:block}.card-wrapper .add-btn .loading__spinner .path,.card-wrapper .add-btn .loading__spinner svg .path{stroke:var(--p-yellow)!important}.card-wrapper .add-btn:hover .loading__spinner .path{stroke:var(--p-yellow)!important}.card-wrapper .p2p-price-prefix{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--p-ink);opacity:.7;margin-right:4px;vertical-align:.18em}.card-wrapper:hover .p2p-price-prefix{color:var(--p-ink)}.p2p-featured-collection .collection__title.title-wrapper,.p2p-featured-collection>.collection>slider-component{max-width:var(--page-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}@media screen and (min-width:750px){.p2p-featured-collection .collection__title.title-wrapper,.p2p-featured-collection>.collection>slider-component{padding-left:3.2rem;padding-right:3.2rem}}.p2p-featured-collection .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.p2p-featured-collection .product-grid{grid-template-columns:repeat(4,1fr);gap:22px}}@media screen and (max-width:500px){.p2p-featured-collection .product-grid{grid-template-columns:1fr}}.p2p-featured-collection .product-grid>.grid__item{width:auto;max-width:none;flex:none}.product-grid.grid,.p2p-featured-collection .product-grid{--grid-desktop-vertical-spacing: 22px;--grid-desktop-horizontal-spacing: 22px;--grid-mobile-vertical-spacing: 12px;--grid-mobile-horizontal-spacing: 12px}@media(prefers-reduced-motion:reduce){.card-wrapper:hover .card,.card-wrapper:hover .card.card--standard,.card-wrapper:hover .card.card--card{transform:none}.card-wrapper:hover .card-img-product{transform:rotate(-4deg)}.card-wrapper:hover .card-img-pattern,.card-wrapper:hover .card-img-speedlines{animation:none}.card-wrapper:hover .price-item,.card-wrapper:hover .price__regular .price-item--regular{transform:none}.card-wrapper .p2p-card-tag{animation:none;transform:rotate(-4deg)}.card-wrapper .p2p-card-quickview{transition:none}.card-wrapper .add-btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-card-product-p2p.css.map */
