wof-grid{display:block;position:relative;overflow:hidden;background:rgb(var(--wof-section-background, 252 247 237));color:rgb(var(--wof-section-text, 26 26 26));font-family:var(--text-font-family),Barlow,sans-serif}.wof-section-head{max-width:760px;margin:0 auto 48px;padding-inline:16px;text-align:center}@media screen and (min-width:700px){.wof-section-head{margin-bottom:80px}}.wof-section-superlabel{margin:0 0 16px;color:rgb(var(--wof-section-accent, 255 79 163) / .58);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;opacity:0;transition:opacity 1s ease,letter-spacing 1s ease}.wof-section-head.is-visible .wof-section-superlabel{opacity:1;letter-spacing:.3em}.wof-section-title{margin:0 0 20px;color:rgb(var(--wof-section-heading, 26 26 26));font-family:var(--heading-font-family),Georgia,serif;font-size:clamp(36px,6vw,60px);font-weight:700;letter-spacing:-.04em;line-height:1.05;opacity:0;transform:translateY(40px) scale(.95);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.wof-section-head.is-visible .wof-section-title{opacity:1;transform:none}.wof-shimmer-text{display:inline-block;margin-inline:.25em;background:linear-gradient(90deg,rgb(var(--wof-section-heading, 26 26 26)),rgb(var(--wof-section-accent, 255 79 163)),#d9fa3f,rgb(var(--wof-section-accent, 255 79 163)),rgb(var(--wof-section-heading, 26 26 26)));background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:wof-shimmer 4s linear infinite}@keyframes wof-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.wof-section-title__suffix{display:inline-block;margin-inline-start:.1em}.wof-section-sub{max-width:520px;margin:0 auto;color:rgb(var(--wof-section-text, 26 26 26) / .52);font-size:14px;line-height:1.7;opacity:0;transform:translateY(20px);transition:opacity .6s ease .2s,transform .6s ease .2s}@media screen and (min-width:700px){.wof-section-sub{font-size:16px}}.wof-section-head.is-visible .wof-section-sub{opacity:1;transform:none}.wof-section-sub__note{color:rgb(var(--wof-section-accent, 255 79 163) / .64);font-size:12px;font-style:italic}.wof-section-drip{width:min(100px,35vw);height:1px;margin:32px auto 0;background:linear-gradient(90deg,transparent,rgb(var(--wof-section-accent, 255 79 163)),transparent);transform:scaleX(0);transform-origin:center;transition:transform .8s ease .4s}.wof-section-head.is-visible .wof-section-drip{transform:scaleX(1)}.wof-grid-wrap{max-width:1280px;margin:0 auto;padding-inline:12px}.wof-section-head+.wof-grid-wrap{margin-block-start:40px}@media screen and (min-width:700px){.wof-grid-wrap{padding-inline:24px}}.wof-grid{display:grid;grid-template-columns:1fr;gap:16px}@media screen and (min-width:700px){.wof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media screen and (min-width:1024px){.wof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.wof-card-wrap{opacity:0;transform:translateY(40px) scale(.95);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}.wof-card-wrap[data-variant="0"]{transform:translateY(60px) scale(.92);filter:blur(8px)}.wof-card-wrap[data-variant="1"]{transform:translate(-40px) rotateY(6deg) scale(.95)}.wof-card-wrap[data-variant="2"]{transform:translate(40px) rotateY(-6deg) scale(.95)}.wof-card-wrap[data-variant="3"]{transform:translateY(80px) rotateX(5deg) scale(.9)}.wof-card-wrap[data-variant="4"]{transform:scale(.7) rotate(-2deg)}.wof-card-wrap.is-visible{opacity:1;transform:none;filter:none}.wof-card-wrap--legendary{grid-column:1 / -1}@media screen and (min-width:700px){.wof-card-wrap--hall-of-fame{grid-column:span 2}}.wof-card{display:flex;position:relative;flex-direction:column;height:100%;overflow:hidden;border-radius:16px;cursor:default;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;will-change:transform}@media(hover:hover)and (pointer:fine){.wof-card:hover{transform:translateY(-10px);box-shadow:var(--wof-card-hover-shadow, 0 28px 64px rgb(0 0 0 / .1))}}.wof-card--legendary{border:2px solid rgb(255 79 163 / .2);background:linear-gradient(135deg,#fff5f9,#fff,#fffdf0);box-shadow:0 4px 24px #ff4fa314}.wof-card--standard{border:1px solid rgb(26 26 26 / .06);background:#fff;box-shadow:0 1px 8px #0000000a}.wof-card--hall-of-fame{animation:wof-hof-glow 3s ease-in-out infinite}@keyframes wof-hof-glow{0%,to{box-shadow:inset 0 0 15px var(--wof-accent-glow, rgb(255 125 173 / .06))}50%{box-shadow:inset 0 0 30px var(--wof-accent-glow, rgb(255 125 173 / .12))}}.wof-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:radial-gradient(500px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--wof-accent-glow, rgb(255 79 163 / .12)),transparent 70%);opacity:0;pointer-events:none;transition:opacity .4s ease}@media(hover:hover)and (pointer:fine){.wof-card:hover:before{opacity:1}}.wof-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:linear-gradient(135deg,transparent 30%,rgb(255 255 255 / .12) 50%,transparent 70%);background-size:200% 200%;opacity:0;pointer-events:none;transition:opacity .3s ease;animation:wof-wet-shimmer 3s ease-in-out infinite}@media(hover:hover)and (pointer:fine){.wof-card:hover:after{opacity:1}}@keyframes wof-wet-shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}.wof-card__media{position:relative;z-index:2;aspect-ratio:var(--wof-media-aspect-ratio, 9 / 16);width:min(100%,300px);max-height:560px;margin-inline:auto;overflow:hidden;background:#1a1a1a}.wof-card__media--top{order:0;margin-top:20px}.wof-card__media--bottom{order:2;margin:0 20px 20px;border-radius:14px}.wof-card__image,.wof-card__video,.wof-card__external-video{display:block;width:100%;height:100%;max-height:inherit}.wof-card__image,.wof-card__video{object-fit:cover}.wof-card__video,.wof-card__external-video{border:0;background:#1a1a1a}video-media.wof-card__video,video-media.wof-card__external-video{aspect-ratio:inherit}.wof-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgb(26 26 26 / .1));pointer-events:none}@media screen and (min-width:700px){.wof-card__media--top{margin-top:28px}.wof-card__media--bottom{margin:0 auto 28px}}.wof-card-wrap--legendary .wof-card{display:grid;grid-template-columns:1fr}@media screen and (min-width:900px){.wof-card-wrap--legendary .wof-card:has(.wof-card__media){grid-template-columns:minmax(260px,.36fr) minmax(0,.64fr);align-items:center}.wof-card-wrap--legendary .wof-card__media{width:min(100%,320px);max-height:560px}.wof-card-wrap--legendary .wof-card__media--bottom,.wof-card-wrap--legendary .wof-card__media--top{order:0;margin:20px auto;border-radius:14px}}.wof-drops{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.wof-drop{position:absolute;top:-10px;width:4px;height:7px;border-radius:50%/60% 60% 40% 40%;background:linear-gradient(180deg,#78c8ff80,#78c8ff26);animation:wof-drop-fall var(--dur, 3s) ease-in infinite;animation-delay:var(--del, 0s)}@keyframes wof-drop-fall{0%{opacity:0;transform:translateY(-10px) scaleY(1.3) scaleX(.7)}15%{opacity:1}80%{opacity:.8}to{opacity:0;transform:translateY(120px) scaleY(.8) scaleX(1.1)}}.wof-sparkle{position:absolute;width:6px;height:6px;border-radius:999px;background:rgb(var(--wof-section-accent, 255 79 163));pointer-events:none;animation:wof-sparkle 2s ease-in-out infinite}@keyframes wof-sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.wof-card__inner{position:relative;z-index:2;display:flex;flex:1 1 auto;flex-direction:column;height:100%;padding:20px}@media screen and (min-width:700px){.wof-card__inner{padding:28px}}.wof-card__content{display:grid;gap:0}.wof-badge{display:inline-block;align-self:flex-start;margin-bottom:16px;padding:6px 12px;border-radius:9999px;font-size:11px;font-weight:800;letter-spacing:.05em;line-height:1.2}@media(hover:hover)and (pointer:fine){.wof-badge:hover{animation:wof-wiggle .4s ease-in-out}}.wof-badge--legendary,.wof-badge--accent-0{background:#ff4fa3;color:#fff}.wof-badge--accent-1{background:#d9fa3f;color:#1a1a1a}.wof-badge--accent-2{background:#f0c417;color:#1a1a1a}.wof-badge--accent-3{background:#ff7dad;color:#fff}.wof-badge--accent-4{background:#f5dec6;color:#1a1a1a}@keyframes wof-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.wof-pull-quote{position:relative;margin:0 0 16px;padding-inline-start:24px;color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-style:italic;line-height:1.3}.wof-pull-quote__mark{position:absolute;inset-block-start:-12px;inset-inline-start:-4px;color:#ff4fa333;font-family:Georgia,serif;font-size:48px;font-style:normal;line-height:1;pointer-events:none}.wof-pull-quote--legendary{font-size:clamp(20px,2vw,24px)}.wof-pull-quote--hall-of-fame{font-size:clamp(18px,1.8vw,20px)}.wof-pull-quote--gold,.wof-pull-quote--gem{font-size:16px}.wof-body-wrap{flex:1;min-height:0;margin-bottom:12px}.wof-card:has(.wof-card__media) .wof-card__inner{height:auto}.wof-card:has(.wof-card__media) .wof-body-wrap{flex:0 1 auto}.wof-card:has(.wof-card__media) .wof-card__footer{margin-top:24px}.wof-body{flex:1;color:#1a1a1a94;font-size:13px;line-height:1.7;white-space:pre-line}.wof-expand-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:0;border:0;background:none;color:rgb(var(--wof-section-accent, 255 79 163));cursor:pointer;font:inherit;font-size:12px;font-weight:700;line-height:1.3;transition:color .2s ease}.wof-expand-btn:hover{color:rgb(var(--wof-section-accent, 255 79 163) / .78)}.wof-expand-btn[aria-expanded=true] .wof-expand-btn__arrow{transform:rotate(90deg)}.wof-expand-btn__arrow{transition:transform .2s ease}.wof-card__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid rgb(26 26 26 / .06)}.wof-avatar-row{display:flex;flex:1 1 auto;align-items:center;min-width:0;gap:12px}.wof-avatar-row>div:last-child{min-width:0;overflow:hidden}.wof-avatar{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;font-size:13px;font-weight:800}.wof-reviewer-name{margin:0;overflow:hidden;color:#1a1a1a;font-family:Georgia,var(--heading-font-family),serif;font-size:15px;font-style:italic;font-weight:500;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.wof-reviewer-product{margin:2px 0 0;color:#1a1a1a5c;font-size:11px;line-height:1.2}.wof-product-card{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px 14px;border:1px solid rgb(26 26 26 / .1);border-radius:14px;background:#fff;box-shadow:0 2px 8px #1a1a1a0a;text-decoration:none;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.wof-product-card:hover{border-color:rgb(var(--wof-section-accent, 255 79 163) / .5);box-shadow:0 6px 18px rgb(var(--wof-section-accent, 255 79 163) / .15);transform:translateY(-1px)}.wof-product-card__media{flex:0 0 auto;width:52px;height:52px;border-radius:10px;overflow:hidden;background:#1a1a1a0a}.wof-product-card__image{width:100%;height:100%;object-fit:cover;display:block}.wof-product-card__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.wof-product-card__title{color:#1a1a1a;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wof-product-card__price{color:#1a1a1a80;font-size:12px;line-height:1.2}.wof-product-card__arrow{flex:0 0 auto;color:rgb(var(--wof-section-accent, 255 79 163));font-size:15px;font-weight:800;transition:transform .25s ease}.wof-product-card:hover .wof-product-card__arrow{transform:translate(3px)}.wof-lemons{display:flex;flex:0 0 auto;gap:2px;font-size:12px}.wof-lemons span{display:inline-block;opacity:0;transform:translateY(10px) scale(0);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1),scale .15s ease}.wof-card-wrap.is-visible .wof-lemons span{opacity:1;transform:none}.wof-lemons span:nth-child(1){transition-delay:.1s}.wof-lemons span:nth-child(2){transition-delay:.18s}.wof-lemons span:nth-child(3){transition-delay:.26s}.wof-lemons span:nth-child(4){transition-delay:.34s}.wof-lemons span:nth-child(5){transition-delay:.42s}@keyframes wof-avatar-bounce{0%{scale:1}25%{scale:1.2}50%{scale:.9}75%{scale:1.1}to{scale:1}}@keyframes wof-avatar-ring{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--wof-accent-border, #ff4fa3) 25%,transparent)}}@media(hover:hover)and (pointer:fine){.wof-avatar:hover{animation:wof-avatar-bounce .5s ease both}.wof-card-wrap:hover .wof-avatar,wof-card:hover .wof-avatar{animation:wof-avatar-ring 1.5s ease infinite}.wof-card-wrap:hover .wof-avatar:hover,wof-card:hover .wof-avatar:hover{animation:wof-avatar-bounce .5s ease both}}@keyframes wof-lemon-wobble{0%{rotate:0deg}33%{rotate:-20deg}66%{rotate:20deg}to{rotate:0deg}}@media(hover:hover)and (pointer:fine){.wof-lemons span:hover{scale:1.5;animation:wof-lemon-wobble .3s ease both;transition-delay:0s}}.wof-footer{padding:48px 16px 0;color:#1a1a1a6b;font-size:11px;line-height:1.8;text-align:center}.wof-footer p{margin:0}.wof-footer a{color:rgb(var(--wof-section-accent, 255 79 163));text-decoration:none}.wof-footer a:hover{text-decoration:underline}.wof-footer a.wof-footer-button{display:flex;width:fit-content;align-items:center;justify-content:center;margin:20px auto 0;padding:12px 28px;border-radius:9999px;background:rgb(var(--wof-section-accent, 255 79 163));color:#fff;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.wof-footer a.wof-footer-button:hover{text-decoration:none;opacity:.9;transform:translateY(-1px)}.wof-footer-logo{display:block;width:auto;height:28px;margin:0 auto 16px;opacity:.35;transition:opacity .3s ease}.wof-footer-logo:hover{opacity:1}.wof-cta-float{position:fixed;right:24px;bottom:24px;z-index:100;display:inline-flex;align-items:center;gap:6px;padding:14px 24px;border:0;border-radius:9999px;background:rgb(var(--wof-section-accent, 255 79 163));box-shadow:0 0 30px rgb(var(--wof-section-accent, 255 79 163) / .25);color:#fff;cursor:pointer;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease}.wof-cta-float.is-visible{opacity:1;pointer-events:auto;transform:none;animation:wof-cta-pulse 2.5s ease-in-out infinite}@media(hover:hover)and (pointer:fine){.wof-cta-float:hover{transform:scale(1.05);box-shadow:0 0 40px rgb(var(--wof-section-accent, 255 79 163) / .45)}}@keyframes wof-cta-pulse{0%{box-shadow:0 0 rgb(var(--wof-section-accent, 255 79 163) / .35)}70%{box-shadow:0 0 0 16px rgb(var(--wof-section-accent, 255 79 163) / 0)}to{box-shadow:0 0 rgb(var(--wof-section-accent, 255 79 163) / 0)}}.wof-count-badge{position:fixed;bottom:24px;left:24px;z-index:100;display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid rgb(26 26 26 / .06);border-radius:9999px;background:#ffffffd9;box-shadow:0 4px 12px #00000014;color:#1a1a1a8c;font-size:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.wof-count-badge strong{color:#1a1a1a}.wof-count-badge.is-visible{opacity:1;transform:none}@media screen and (max-width:699px){.wof-cta-float{right:auto;left:50%;bottom:16px;padding:12px 20px;font-size:13px;transform:translate(-50%,20px)}.wof-cta-float.is-visible{transform:translate(-50%)}.wof-count-badge{top:calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--header-height, 0px) * var(--header-visible, 1) + 16px);bottom:auto;left:16px;padding:8px 14px;font-size:11px;transform:translateY(-20px)}.wof-count-badge.is-visible{transform:none}}@media(prefers-reduced-motion:reduce){.wof-section-superlabel,.wof-section-title,.wof-section-sub,.wof-section-drip,.wof-card-wrap,.wof-lemons span,.wof-cta-float,.wof-count-badge{transition:none}.wof-shimmer-text,.wof-card:after,.wof-card--hall-of-fame,.wof-drop,.wof-sparkle,.wof-cta-float.is-visible{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/wof-grid.css.map */