.pxc-card{position:relative;display:flex;flex-direction:column}.pxc-card__link{display:flex;flex-direction:column;color:inherit;text-decoration:none}.pxc-card__media{flex:0 0 auto}.pxc-card__info{flex:1 1 auto}.pxc-card__media{position:relative;overflow:hidden;background:#f4f4f4;border-radius:16px;transition:box-shadow .25s ease,transform .25s ease}.pxc-card:hover .pxc-card__media{box-shadow:0 14px 30px #0000001f;transform:translateY(-2px)}.pxc-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:18px;transition:opacity .3s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.pxc-card__image--secondary,.pxc-card:hover .pxc-card__media--has-secondary .pxc-card__image--primary{opacity:0}.pxc-card:hover .pxc-card__media--has-secondary .pxc-card__image--secondary{opacity:1}.pxc-card__placeholder{width:100%;height:100%;padding:18px;color:#0000001f}.pxc-card__badges{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;z-index:3}.pxc-card__badges-col{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.pxc-card__badges-col--end{align-items:flex-end}.pxc-card__badges-col:empty{display:none}.pxc-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;white-space:nowrap;opacity:0;transform:translate(-6px);animation:pxc-badge-in .5s cubic-bezier(.16,.6,.2,1) forwards;animation-delay:calc(.12s + var(--pxc-badge-i, 0) * 70ms)}@keyframes pxc-badge-in{to{opacity:1;transform:translate(0)}}.pxc-card__badges-col--end .pxc-badge{transform:translate(6px)}.pxc-badge__icon{width:10px;height:10px;flex:0 0 10px}.pxc-badge--discount{position:relative;overflow:hidden;background:#e0261f;color:#fff;box-shadow:0 4px 12px #e0261f59}.pxc-badge--discount:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;transform:translate(-140%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}.pxc-card:hover .pxc-badge--discount:after{animation:pxc-badge-sheen .75s ease-out}@keyframes pxc-badge-sheen{to{transform:translate(320%)}}.pxc-badge--fast,.pxc-badge--tag-left,.pxc-badge--tag-right{position:relative;overflow:hidden;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%)}.pxc-badge--fast,.pxc-badge--tag-left{background:#d6eaff66;color:#1462be;box-shadow:0 2px 10px #1668c424}.pxc-badge--tag-right{background:#ffffff61;color:#111;box-shadow:0 2px 10px #0000001c}.pxc-badge--fast .pxc-badge__icon,.pxc-badge--tag-left .pxc-badge__icon{color:#2f8fef}.pxc-badge--tag-right .pxc-badge__icon{color:#f5b400}.pxc-badge--fast:after,.pxc-badge--tag-left:after,.pxc-badge--tag-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:45%;transform:translate(-160%)}.pxc-badge--fast:after,.pxc-badge--tag-left:after{background:linear-gradient(90deg,transparent,rgba(120,180,255,.75),transparent)}.pxc-badge--tag-right:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}.pxc-card:hover .pxc-badge--tag-right:after{animation-delay:.1s}@keyframes pxc-bolt-zap{0%{transform:scale(1)}25%{transform:scale(1.4);opacity:.55}50%{transform:scale(.94);opacity:1}75%{transform:scale(1.12)}to{transform:scale(1)}}.pxc-card:hover .pxc-badge--fast .pxc-badge__icon,.pxc-card:hover .pxc-badge--tag-left .pxc-badge__icon{animation:pxc-bolt-zap .65s cubic-bezier(.16,.6,.2,1)}.pxc-badge--fast,.pxc-badge--tag-left{transition:box-shadow .35s ease,background .35s ease}.pxc-card:hover .pxc-badge--fast,.pxc-card:hover .pxc-badge--tag-left{background:#d6eaff8c;box-shadow:0 4px 16px #1668c442}@keyframes pxc-badge-idle-sheen{0%,82%{transform:translate(-160%)}92%{transform:translate(320%)}to{transform:translate(320%)}}@keyframes pxc-badge-idle-glow{0%,to{box-shadow:0 2px 10px #1668c424}50%{box-shadow:0 3px 14px #1668c447}}@keyframes pxc-badge-idle-bolt{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.93)}}.pxc-badge--fast:after,.pxc-badge--tag-left:after{animation:pxc-badge-idle-sheen 6s ease-in-out infinite;animation-delay:calc(1.2s + var(--pxc-badge-i, 0) * .9s)}.pxc-badge--fast,.pxc-badge--tag-left{animation:pxc-badge-in .5s cubic-bezier(.16,.6,.2,1) calc(.12s + var(--pxc-badge-i, 0) * 70ms) forwards,pxc-badge-idle-glow 4.5s ease-in-out calc(.9s + var(--pxc-badge-i, 0) * .7s) infinite}.pxc-badge--fast .pxc-badge__icon,.pxc-badge--tag-left .pxc-badge__icon{animation:pxc-badge-idle-bolt 4.5s ease-in-out infinite;animation-delay:calc(var(--pxc-badge-i, 0) * .7s)}.pxc-card:hover .pxc-badge--fast:after,.pxc-card:hover .pxc-badge--tag-left:after,.pxc-card:hover .pxc-badge--tag-right:after{animation:pxc-badge-sheen .8s ease-out}@media(prefers-reduced-motion:reduce){.pxc-badge--fast,.pxc-badge--tag-left{animation:pxc-badge-in .5s ease forwards}.pxc-badge--fast:after,.pxc-badge--tag-left:after,.pxc-badge--fast .pxc-badge__icon,.pxc-badge--tag-left .pxc-badge__icon{animation:none}}.pxc-badge--soldout{position:absolute;left:10px;bottom:10px;z-index:3;background:#111111d1;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none}.pxc-card__saved{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#15a35b1f;color:#15a35b;font-size:1.05rem;font-weight:700;white-space:nowrap}@media(prefers-reduced-motion:reduce){.pxc-badge{opacity:1;transform:none;animation:none}.pxc-card:hover .pxc-badge--discount:after{animation:none}}.pxc-card__info{display:flex;flex-direction:column;gap:5px;padding:12px 2px 0}.pxc-card__vendor{font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.pxc-card__title{margin:0;font-size:1.4rem;font-weight:700;line-height:1.35;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pxc-card__rating{display:flex;align-items:center;gap:.4rem}.pxc-card__price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:2px}.pxc-card .price{font-size:1.5rem;letter-spacing:normal}.pxc-card .price__container{display:flex;align-items:baseline;gap:7px}.pxc-card .price-item--sale,.pxc-card .price__regular .price-item--regular{font-weight:800;color:rgb(var(--color-foreground))}.pxc-card .price--on-sale .price-item--sale{color:#e0261f}.pxc-card .price--on-sale .price-item--regular{font-size:1.25rem;font-weight:500;color:rgba(var(--color-foreground),.5)}.pxc-card .quick-add{margin-top:8px}.pxc-card .quick-add__submit{border-radius:10px;text-transform:uppercase;font-weight:700;letter-spacing:.03em;font-size:1.2rem}.pxc-carousel__track{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.pxc-carousel__track::-webkit-scrollbar{display:none}.pxc-carousel__track>*{scroll-snap-align:start;flex:0 0 calc((100% - (var(--pxc-cols-mobile, 2) - 1) * 16px) / var(--pxc-cols-mobile, 2))}@media screen and (min-width:750px){.pxc-carousel__track>*{flex:0 0 calc((100% - (var(--pxc-cols-desktop, 4) - 1) * 16px) / var(--pxc-cols-desktop, 4))}}.pxc-carousel__nav{display:flex;align-items:center;gap:14px;margin-top:18px}.pxc-carousel__progress{flex:1 1 auto;height:4px;background:#1111111a;border-radius:4px;overflow:hidden}.pxc-carousel__progress .pxc-carousel__progress-bar{display:block;height:100%;width:8%;min-width:24px;background:#111;border-radius:4px;transition:width .18s ease-out}.pxc-carousel__arrows{display:flex;gap:8px;flex:0 0 auto}.pxc-carousel__arrow{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid #e2e2e2;background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#111;transition:border-color .15s ease}.pxc-carousel__arrow svg{width:16px;height:16px}.pxc-carousel__arrow:hover{border-color:#111}.pxc-carousel__arrow:disabled{opacity:.3;cursor:default}.pxc-skeleton{--pxc-sk: rgba(var(--color-foreground), .07)}.pxc-skeleton__track{overflow:hidden}.pxc-skeleton__heading{height:3.2rem;width:min(38rem,60%);margin-bottom:2.4rem;border-radius:6px;background:var(--pxc-sk)}.pxc-skeleton__media{aspect-ratio:1;border-radius:16px;background:var(--pxc-sk)}.pxc-skeleton__line{height:1.2rem;margin-top:1rem;border-radius:4px;background:var(--pxc-sk)}.pxc-skeleton__line--title{width:85%}.pxc-skeleton__line--price{width:45%;margin-top:.8rem}.pxc-skeleton__nav{height:3.4rem;margin-top:1.8rem}.pxc-skeleton__media,.pxc-skeleton__line,.pxc-skeleton__heading{position:relative;overflow:hidden}.pxc-skeleton__media:after,.pxc-skeleton__line:after,.pxc-skeleton__heading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:pxc-skeleton-sheen 1.6s ease-in-out infinite}@keyframes pxc-skeleton-sheen{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.pxc-skeleton__media:after,.pxc-skeleton__line:after,.pxc-skeleton__heading:after{animation:none}}.pxc-card__peek{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;padding:9px 12px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff6b;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);box-shadow:0 6px 20px #00000024,inset 0 1px #fffc;color:#111;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(120%);pointer-events:none;transition:opacity .35s cubic-bezier(.16,.6,.2,1),transform .45s cubic-bezier(.16,.6,.2,1)}.pxc-card:hover .pxc-card__peek,.pxc-card:focus-within .pxc-card__peek{opacity:1;transform:translateY(0)}.pxc-card:hover .pxc-card__image{transform:scale(1.04)}.pxc-card__badges{transition:transform .45s cubic-bezier(.16,.6,.2,1)}.pxc-card:hover .pxc-card__badges{transform:translateY(-2px)}.pxc-badge--tag-right .pxc-badge__icon{transition:transform .5s cubic-bezier(.16,.6,.2,1)}.pxc-card:hover .pxc-badge--tag-right .pxc-badge__icon{transform:rotate(72deg) scale(1.15)}@media(prefers-reduced-motion:reduce){.pxc-card__peek{transition:none}.pxc-card:hover .pxc-card__image,.pxc-card:hover .pxc-card__badges,.pxc-card:hover .pxc-badge--tag-right .pxc-badge__icon,.pxc-card:hover .pxc-badge--tag-left .pxc-badge__icon{transform:none;animation:none}.pxc-card:hover .pxc-badge--tag-left:after,.pxc-card:hover .pxc-badge--tag-right:after{animation:none}}@media screen and (max-width:749px){.pxc-card__badges{top:7px;left:7px;right:7px;gap:4px}.pxc-card__badges-col{gap:4px;flex:0 1 auto;min-width:0}.pxc-badge{padding:3px 7px;gap:3px;font-size:8.5px;letter-spacing:.035em;max-width:100%;overflow:hidden}.pxc-badge__icon{width:8px;height:8px;flex:0 0 8px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-pxc-card.css.map */