.wf-po{--wf-po-ink: #0b0d10;--wf-po-ink-2: #55606c;--wf-po-bg: #f5f5f7;--wf-po-card: #ffffff;--wf-po-green: #39b54a;--wf-po-sale: #d0021b;--wf-po-gold: linear-gradient(135deg, #fff2b8 0%, #e8c766 22%, #b8891b 48%, #ffe89a 64%, #c99b2a 82%, #fff3c4 100%);--wf-po-ease: cubic-bezier(.22, 1, .36, 1);--wf-po-blend: multiply;--wf-po-radius: 2.2rem;--wf-po-gap: 1.6rem;--wf-po-cols: 4.25;position:relative;background:var(--wf-po-bg);color:var(--wf-po-ink);font-family:var(--font-body-family);padding:var(--wf-po-pt, 48px) 0 var(--wf-po-pb, 48px);overflow:hidden}.wf-po-section{background:#f5f5f7;margin-top:-1px;padding-top:1px}.wf-po--dark{--wf-po-ink: #f5f5f7;--wf-po-ink-2: #a4acb6;--wf-po-bg: #0b0d10;--wf-po-card: #171a1f;--wf-po-blend: screen}.wf-po--dark .wf-po__img{filter:invert(1) hue-rotate(180deg)}.wf-po__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.wf-po__eyebrow{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--wf-po-green)}.wf-po__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.6rem,4vw,4.4rem);line-height:1.05;letter-spacing:-.03em;font-weight:700;color:var(--wf-po-ink)}.wf-po__sub{margin:.6rem 0 0;max-width:52rem;font-size:1.5rem;line-height:1.45;color:var(--wf-po-ink-2)}.wf-po__filters{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.wf-po__chip{-webkit-appearance:none;appearance:none;border:1px solid rgba(11,13,16,.12);background:transparent;color:var(--wf-po-ink);font:inherit;font-size:1.3rem;font-weight:600;padding:.7rem 1.3rem;border-radius:99rem;cursor:pointer;transition:background .4s var(--wf-po-ease),color .4s var(--wf-po-ease),border-color .4s var(--wf-po-ease),transform .4s var(--wf-po-ease)}.wf-po__chip:hover{border-color:var(--wf-po-ink);transform:translateY(-1px)}.wf-po__chip.is-on{background:var(--wf-po-ink);border-color:var(--wf-po-ink);color:var(--wf-po-bg)}.wf-po__chip:focus-visible{outline:2px solid var(--wf-po-green);outline-offset:3px}.wf-po__stage{position:relative}.wf-po__track{display:flex;gap:var(--wf-po-gap);margin:0;padding:.6rem 0 2rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;perspective:1200px}.wf-po__track::-webkit-scrollbar{display:none}.wf-po__track:focus-visible{outline:2px solid var(--wf-po-green);outline-offset:4px;border-radius:var(--wf-po-radius)}.wf-po__item{flex:0 0 calc((100% - (var(--wf-po-cols) - 1) * var(--wf-po-gap)) / var(--wf-po-cols));min-width:0;scroll-snap-align:start}.wf-po__item[hidden]{display:none}.wf-po__card{--rx: 0deg;--ry: 0deg;position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--wf-po-radius);background:var(--wf-po-card);border:1px solid rgba(11,13,16,.05);color:inherit;text-decoration:none;overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-style:preserve-3d;transition:transform .7s var(--wf-po-ease),box-shadow .7s var(--wf-po-ease);box-shadow:0 1px #0b0d1005}.wf-po__card:hover,.wf-po__card:focus-visible{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-6px,0);box-shadow:0 14px 22px -14px #0b0d1038}.wf-po__card:focus-visible{outline:2px solid var(--wf-po-green);outline-offset:4px}.wf-po__badges{position:absolute;top:1.2rem;left:1.2rem;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;pointer-events:none}.wf-po__badge{display:inline-block;padding:.45rem .9rem;border-radius:99rem;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--wf-po-ink)}.wf-po__badge--gold{background:var(--wf-po-gold);background-size:200% 100%;color:#2a1e00;animation:wf-po-gold 7s ease-in-out infinite}.wf-po__badge--new{background:var(--wf-po-green)}.wf-po__pill{position:absolute;top:1.2rem;right:1.2rem;z-index:2;padding:.4rem .8rem;border-radius:99rem;font-size:1.05rem;font-weight:700;letter-spacing:.02em;color:#fff;background:var(--wf-po-sale);font-variant-numeric:tabular-nums}.wf-po__media{position:relative;display:block;flex:0 0 auto;aspect-ratio:1 / 1;padding:12%;background:var(--wf-po-card)}.wf-po__img{position:absolute;left:12%;top:12%;width:76%;height:76%;max-width:none;object-fit:contain;mix-blend-mode:var(--wf-po-blend);transform:translate(var(--wf-cx, 0%),var(--wf-cy, 0%)) scale(1);transition:transform .8s var(--wf-po-ease)}.wf-po__card:hover .wf-po__img{transform:translate(var(--wf-cx, 0%),var(--wf-cy, 0%)) scale(1.07) translateY(-2%)}.wf-po__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;padding:0 1.6rem 1.6rem;margin-top:-.6rem}.wf-po__rating{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--wf-po-ink-2)}.wf-po__stars{--r: 0%;position:relative;display:inline-block;width:7.2rem;height:1.3rem;background:linear-gradient(90deg,var(--wf-po-green) var(--r),rgba(11,13,16,.14) var(--r));-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'><path d='M10 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L10 14.9l-5.3 2.8 1.1-5.9L1.5 7.7l5.9-.8z'/><path d='M32.5 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9-5.3-2.8-5.3 2.8 1.1-5.9L24 7.7l5.9-.8z'/><path d='M55 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L55 14.9l-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z'/><path d='M77.5 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9-5.3-2.8-5.3 2.8 1.1-5.9L69 7.7l5.9-.8z'/><path d='M100 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9-5.3-2.8-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z'/></svg>") no-repeat left / contain;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'><path d='M10 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L10 14.9l-5.3 2.8 1.1-5.9L1.5 7.7l5.9-.8z'/><path d='M32.5 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9-5.3-2.8-5.3 2.8 1.1-5.9L24 7.7l5.9-.8z'/><path d='M55 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L55 14.9l-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z'/><path d='M77.5 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9-5.3-2.8-5.3 2.8 1.1-5.9L69 7.7l5.9-.8z'/><path d='M100 1.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9-5.3-2.8-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z'/></svg>") no-repeat left / contain}.wf-po__rating-n{opacity:.7}.wf-po__name{margin:0;font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.25;letter-spacing:-.01em;font-weight:700;color:var(--wf-po-ink);overflow-wrap:anywhere}.wf-po__specs{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:1.2rem;color:var(--wf-po-ink-2)}.wf-po__spec{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.wf-po__spec svg{width:1.4rem;height:1.4rem;flex:0 0 auto;fill:none;stroke:var(--wf-po-green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wf-po__spec--feat svg{stroke-width:2.2}.wf-po__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.5rem}.wf-po__body{flex:1 1 auto}.wf-po__now{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;letter-spacing:-.02em;color:var(--wf-po-ink);font-variant-numeric:tabular-nums}.wf-po__now.is-sale{color:var(--wf-po-sale)}.wf-po__was{font-size:1.25rem;color:var(--wf-po-ink-2)}.wf-po__cta{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;margin-top:.6rem;padding:.8rem 1.3rem;border-radius:99rem;background:var(--wf-po-green);color:#fff;font-size:1.25rem;font-weight:600;transition:transform .5s var(--wf-po-ease),box-shadow .5s var(--wf-po-ease)}.wf-po__cta svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--wf-po-ease)}.wf-po__card:hover .wf-po__cta{transform:translateY(-1px);box-shadow:0 10px 18px -10px #39b54ab3}.wf-po__card:hover .wf-po__cta svg{transform:translate(3px)}.wf-po__arrow{position:absolute;top:38%;z-index:3;width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:var(--wf-po-bg);color:var(--wf-po-ink);box-shadow:0 10px 24px -10px #0b0d1059;cursor:pointer;display:none;place-items:center;transition:transform .4s var(--wf-po-ease),opacity .4s var(--wf-po-ease)}.wf-po.has-overflow .wf-po__arrow{display:grid}.wf-po__arrow--prev{left:-2.2rem}.wf-po__arrow--next{right:-2.2rem}.wf-po__arrow svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wf-po__arrow:hover{transform:scale(1.06)}.wf-po__arrow:disabled{opacity:0;pointer-events:none}.wf-po__arrow:focus-visible{outline:2px solid var(--wf-po-green);outline-offset:3px}.wf-po__progress{height:2px;margin:.4rem auto 0;width:16rem;background:#0b0d101a;border-radius:99rem;overflow:hidden;display:none}.wf-po.has-overflow .wf-po__progress{display:block}.wf-po__progress-bar{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(.08);background:var(--wf-po-ink);transition:transform .25s ease-out}.wf-po__empty{margin:2rem 0;text-align:center;color:var(--wf-po-ink-2)}.wf-po__foot{margin-top:1.6rem;text-align:center}.wf-po__all{display:inline-flex;align-items:center;gap:.6rem;color:var(--wf-po-ink);font-size:1.4rem;font-weight:600;text-decoration:underline;text-underline-offset:.3em}.wf-po__all svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wf-po__all:hover{color:var(--wf-po-green)}.wf-po-js .wf-po:not(.is-in) .wf-po__head,.wf-po-js .wf-po:not(.is-in) .wf-po__item{opacity:0;transform:translate3d(0,22px,0)}.wf-po__head,.wf-po__item{transition:opacity .9s var(--wf-po-ease),transform .9s var(--wf-po-ease)}.wf-po.is-in .wf-po__item{transition-delay:calc(.05s + min(var(--i, 0),6)*.07s)}@keyframes wf-po-gold{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media screen and (max-width:1280px){.wf-po{--wf-po-cols: 3.25}.wf-po__arrow--prev{left:-1rem}.wf-po__arrow--next{right:-1rem}}@media screen and (max-width:989px){.wf-po{--wf-po-cols: 2.4}.wf-po__head{flex-direction:column;align-items:flex-start}.wf-po__filters{justify-content:flex-start}}@media screen and (max-width:749px){.wf-po{--wf-po-cols: 1.35;--wf-po-gap: 1.1rem;--wf-po-radius: 1.8rem}.wf-po__inner{padding-right:0}.wf-po__head{padding-right:1.5rem;margin-bottom:1.4rem}.wf-po__eyebrow{font-size:1.05rem}.wf-po__title{font-size:2.5rem}.wf-po__sub{font-size:1.35rem}.wf-po__filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem;margin-right:-1.5rem;padding-right:1.5rem}.wf-po__filters::-webkit-scrollbar{display:none}.wf-po__chip{flex:0 0 auto;font-size:1.2rem;padding:.6rem 1.1rem}.wf-po__track{padding-right:1.5rem;perspective:none}.wf-po__card{transform:none}.wf-po__card:active{transform:scale(.98)}.wf-po__media{padding:10%}.wf-po__img{left:10%;top:10%;width:80%;height:80%}.wf-po__body{padding:0 1.3rem 1.3rem}.wf-po__name{font-size:1.5rem}.wf-po__arrow{display:none!important}.wf-po__progress{margin-right:1.5rem}.wf-po__foot{padding-right:1.5rem}}@media(prefers-reduced-motion:reduce){.wf-po__badge--gold{animation:none}.wf-po__head,.wf-po__item,.wf-po__card,.wf-po__img,.wf-po__cta,.wf-po__chip{transition:none!important}.wf-po-js .wf-po:not(.is-in) .wf-po__head,.wf-po-js .wf-po:not(.is-in) .wf-po__item{opacity:1;transform:none}}@media(hover:hover)and (pointer:fine){.wf-po__track{cursor:grab}.wf-po__track.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none;-webkit-user-select:none}.wf-po__track.is-dragging .wf-po__card{pointer-events:none}}@media screen and (max-width:749px){.wf-po__head{align-items:center;text-align:center}.wf-po__sub{margin-left:auto;margin-right:auto}.wf-po__filters{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/wf-popular.css.map */