.trend{position:relative;overflow:hidden;isolation:isolate;padding:clamp(2.4rem,8vw,4.6rem) 0 clamp(2.4rem,8vw,4.2rem);background:var(--color-night);color:#fff;font-family:var(--font-ui);text-align:center}.trend:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(70% 30% at 50% 0%,rgba(120,70,255,.2),transparent 70%),radial-gradient(60% 30% at 50% 100%,rgba(255,10,107,.16),transparent 70%)}.trend__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}.trend__orb--a{width:min(60vw,420px);aspect-ratio:1;left:-15%;top:22%;background:#ff0a6b47}.trend__orb--b{width:min(60vw,420px);aspect-ratio:1;right:-18%;bottom:12%;background:#8250ff4d}.trend__head{padding:0 1.25rem;margin-bottom:clamp(1.4rem,5vw,2.4rem)}.trend__title{margin:0;font-family:Anton,Bebas Neue,Impact,Arial Narrow,sans-serif;font-weight:400;font-size:clamp(2.8rem,13vw,6rem);line-height:1.05;text-transform:uppercase;letter-spacing:.01em}.trend__title em{font-style:normal;background:linear-gradient(90deg,#ff3d8f,#c77dff 60%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.trend__sub{margin:.5rem 0 0;font-size:clamp(.95rem,3.6vw,1.3rem);color:#b9b6cf}.trend__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,2.4vw,1rem);width:min(100% - 2rem,820px);margin:0 auto}.trend__stage{position:relative;grid-column:1 / 4;grid-row:1 / 5;aspect-ratio:3 / 4;border-radius:clamp(14px,3.4vw,24px);overflow:hidden;background:#17131f;display:block;color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 18px 50px -12px #000000b3,0 0 0 1px #ffffff0f;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,opacity .45s;-webkit-tap-highlight-color:transparent}.trend__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.08);filter:blur(6px);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .55s ease;pointer-events:none}.trend__slide.is-active{opacity:1;transform:none;filter:none}.trend__img{width:100%;height:100%;object-fit:cover}.trend__stage:hover .trend__slide.is-active{transform:scale(1.04)}.trend__shade{position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none}.trend__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translate(-120%);pointer-events:none}.trend__stage:hover .trend__shine{transform:translate(120%);transition:transform .9s ease}.trend__label{position:absolute;left:0;right:0;bottom:clamp(.8rem,3.4vw,1.5rem);display:flex;flex-direction:column;align-items:center;gap:.15rem;pointer-events:none}.trend__label strong{font-family:Anton,Bebas Neue,Impact,Arial Narrow,sans-serif;font-weight:400;font-size:clamp(1.4rem,6.4vw,2.6rem);line-height:1;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.5)}.trend__label small{font-size:clamp(.62rem,2.6vw,.95rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffffffe0}.trend__label.is-swap strong,.trend__label.is-swap small{animation:trend-label .5s cubic-bezier(.2,.8,.2,1)}.trend__label.is-swap small{animation-delay:.06s}.trend__go{position:absolute;top:clamp(.6rem,2.4vw,1rem);right:clamp(.6rem,2.4vw,1rem);display:grid;place-items:center;width:clamp(2.2rem,8vw,2.9rem);aspect-ratio:1;border-radius:50%;background:#ffffffeb;color:#111;transition:transform .4s cubic-bezier(.3,1.5,.5,1),background .3s,color .3s}.trend__go svg{width:48%;height:auto}.trend__stage:hover .trend__go{transform:scale(1.12) rotate(-45deg);background:var(--color-brand);color:#fff}.trend__thumb{position:relative;padding:0;border:0;border-radius:clamp(10px,2.6vw,16px);overflow:hidden;aspect-ratio:1;background:#17131f;cursor:pointer;opacity:.78;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .3s,box-shadow .3s;-webkit-tap-highlight-color:transparent}.trend__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.trend__thumb:nth-of-type(-n+4){grid-column:4;grid-row:auto}.trend__thumb:hover{opacity:1;transform:translateY(-3px)}.trend__thumb:hover img{transform:scale(1.08)}.trend__thumb:active{transform:scale(.95)}.trend__thumb.is-active{opacity:1;box-shadow:0 0 0 3px #fff,0 0 0 6px #ff0a6b73,0 10px 30px -6px #ff0a6b99}.trend__empty{display:grid;place-items:center;align-content:center;gap:.3rem;width:100%;height:100%;font-weight:700;color:#8b86a3;background:linear-gradient(135deg,#1c1727,#120e1b)}.trend__empty small{font-size:.75rem;font-weight:500}.trend__empty--sm{font-size:1.1rem}.trend__price{display:flex;align-items:baseline;justify-content:center;gap:.8rem;margin:clamp(1.4rem,5vw,2.2rem) 0 0;font-weight:800}.trend__price strong{font-size:clamp(2rem,9vw,3.2rem);line-height:1;background:linear-gradient(90deg,#ff2d86,#b57bff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,10,107,.35))}.trend__price s{font-size:clamp(1.1rem,4.6vw,1.6rem);color:#8b86a3;text-decoration-color:var(--color-brand);text-decoration-thickness:2px}.trend__price.is-swap strong{animation:trend-price .5s cubic-bezier(.3,1.5,.5,1)}.trend__btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;margin-top:clamp(1.4rem,5vw,2.2rem);padding:1.05rem 2.3rem;border:0;border-radius:99px;background:linear-gradient(90deg,#ff1f7d,#b45cff);color:#fff;font-weight:800;font-size:clamp(1rem,3.8vw,1.2rem);letter-spacing:.01em;text-decoration:none;box-shadow:0 14px 34px -10px #ff0a6bbf,inset 0 1px #ffffff59;transition:transform .35s cubic-bezier(.3,1.5,.5,1),box-shadow .35s;-webkit-tap-highlight-color:transparent}.trend__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translate(-130%)}.trend__btn svg{width:1.15em;height:1.15em;transition:transform .3s}.trend__btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 44px -10px #ff0a6be6,inset 0 1px #fff6}.trend__btn:hover svg{transform:translate(6px)}.trend__btn:active{transform:scale(.96)}@media(prefers-reduced-motion:no-preference){.trend.is-in .trend__btn:after{animation:trend-sweep 3.2s ease-in-out 2s infinite}.trend.is-in .trend__btn{animation:trend-btn-glow 2.8s ease-in-out 2.2s infinite}}@keyframes trend-sweep{0%{transform:translate(-130%)}35%,to{transform:translate(130%)}}@keyframes trend-btn-glow{50%{box-shadow:0 14px 44px -6px #ff0a6b,inset 0 1px #ffffff59}}.trend.is-leaving .trend__grid>:not(.trend__stage),.trend.is-leaving .trend__head,.trend.is-leaving .trend__price,.trend.is-leaving .trend__btn{opacity:0;transition:opacity .3s}.trend__stage.is-leaving{transform:scale(1.05);box-shadow:0 30px 80px -10px #ff0a6b8c}.trend__stage.is-leaving .trend__slide.is-active{transform:scale(1.14)}.trend__stage.is-leaving .trend__shine{transform:translate(120%);transition:transform .45s ease}body.is-leaving-page{animation:trend-page .45s ease forwards}@media(prefers-reduced-motion:no-preference){.trend.is-ready [data-reveal]{opacity:0;transform:translateY(26px)}.trend.is-ready .trend__thumb[data-reveal]{transform:translateY(26px) scale(.85)}.trend.is-ready.is-in [data-reveal]{opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.trend.is-ready.is-in .trend__head{transition-delay:.05s}.trend.is-ready.is-in .trend__stage{transition-delay:.2s}.trend.is-ready.is-in .trend__thumb{transition-delay:calc(.4s + var(--i) * .07s)}.trend.is-ready.is-in .trend__thumb:hover,.trend.is-ready.is-in .trend__thumb:active{transition-delay:0s}.trend.is-ready.is-in .trend__price{transition-delay:1.1s}.trend.is-ready.is-in .trend__btn{transition-delay:1.25s}.trend__orb--a{animation:trend-drift 14s ease-in-out infinite alternate}.trend__orb--b{animation:trend-drift 17s ease-in-out infinite alternate-reverse}.trend.is-in .trend__go{animation:trend-nudge 2.4s ease-in-out 2s 2}}@media(prefers-reduced-motion:reduce){.trend__slide,.trend__stage,.trend__thumb{transition:none}}@keyframes trend-label{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes trend-price{0%{transform:scale(.85);opacity:.3}to{transform:none;opacity:1}}@keyframes trend-drift{to{transform:translate(8vw,-6vh) scale(1.2)}}@keyframes trend-nudge{50%{transform:translate(4px)}}@keyframes trend-page{to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/trend-jackets.css.map */