.bj-collection-hero{padding:14px 20px 10px;background:#fff}.bj-collection-hero__inner{position:relative;width:min(100%,1240px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(22px,2.8vw,38px);align-items:center;padding:clamp(22px,2.7vw,34px);overflow:hidden;border:1px solid #e7e7e1;border-radius:23px;background:#f5f5f0}.bj-collection-hero__inner:after{content:"";position:absolute;width:156px;height:156px;right:-54px;top:-64px;border-radius:50%;background:#dce22c;opacity:.66;pointer-events:none}.bj-collection-hero__content{position:relative;z-index:2;min-width:0}.bj-collection-hero h1{max-width:680px;margin:0;color:#111;font-size:clamp(38px,4.3vw,60px);line-height:.99;letter-spacing:-.045em;text-wrap:balance}.bj-collection-hero__copy{max-width:580px;margin-top:14px;color:#62625c;font-size:14px;line-height:1.6}.bj-collection-hero__copy p{margin:0}.bj-collection-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.bj-collection-hero__cta{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 18px;border-radius:999px;background:#111;color:#fff;font-size:11.5px;font-weight:750;text-decoration:none;transition:transform .18s ease,background-color .18s ease,color .18s ease}.bj-collection-hero__cta:hover{transform:translateY(-1px);background:#dce22c;color:#111}.bj-collection-hero__product-count{color:#6f6f68;font-size:11px;font-weight:650}.bj-collection-hero__trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:510px;margin-top:14px}.bj-collection-hero__benefit{min-width:0;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid #dfdfd8;border-radius:13px;background:#ffffffc2}.bj-collection-hero__benefit-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:#dce22c;color:#111}.bj-collection-hero__benefit-icon svg{width:18px;height:18px}.bj-collection-hero__benefit-copy{min-width:0;display:flex;flex-direction:column;gap:2px;color:#111;line-height:1.18}.bj-collection-hero__benefit-copy strong{font-size:10.5px;font-weight:750}.bj-collection-hero__benefit-copy small{color:#777770;font-size:8.5px}.bj-collection-hero__visual{position:relative;z-index:1;width:100%;min-width:0}.bj-collection-motion{position:relative;width:min(100%,465px);aspect-ratio:1 / 1;margin-left:auto;overflow:hidden;isolation:isolate;border:1px solid rgba(17,17,17,.08);border-radius:18px;background:#e8e8e3;box-shadow:0 18px 44px #00000016}.bj-collection-motion__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.bj-collection-motion__frame.is-primary{opacity:1}.bj-collection-motion__frame img,.bj-collection-motion--empty svg{width:100%;height:100%;display:block;object-fit:cover}.bj-collection-motion.is-playing.has-two .bj-collection-motion__frame:nth-child(1){animation:bjFadeTwoA 9s linear infinite}.bj-collection-motion.is-playing.has-two .bj-collection-motion__frame:nth-child(2){animation:bjFadeTwoB 9s linear infinite}.bj-collection-motion.is-playing.has-three .bj-collection-motion__frame:nth-child(1){animation:bjFadeThreeA 13.5s linear infinite}.bj-collection-motion.is-playing.has-three .bj-collection-motion__frame:nth-child(2){animation:bjFadeThreeB 13.5s linear infinite}.bj-collection-motion.is-playing.has-three .bj-collection-motion__frame:nth-child(3){animation:bjFadeThreeC 13.5s linear infinite}.bj-collection-motion.is-playing .bj-collection-motion__frame img{animation:bjMotionDrift 9s ease-in-out infinite alternate;will-change:transform}.bj-collection-motion__badge{position:absolute;z-index:5;right:13px;bottom:13px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#111;color:#dce22c;font-size:6.5px;font-weight:850;line-height:1.18;letter-spacing:.11em;text-align:center;transform:rotate(6deg)}.bj-collection-hero--lenticular .bj-collection-hero__inner{border-color:#20201f;background:#111}.bj-collection-hero--lenticular .bj-collection-hero__inner:after{opacity:.48}.bj-collection-hero--lenticular h1{color:#fff}.bj-collection-hero--lenticular .bj-collection-hero__copy,.bj-collection-hero--lenticular .bj-collection-hero__product-count{color:#ffffffa8}.bj-collection-hero--lenticular .bj-collection-hero__cta{background:#dce22c;color:#111}.bj-collection-hero--lenticular .bj-collection-hero__cta:hover{background:#fff}.bj-collection-hero--lenticular .bj-collection-hero__benefit{border-color:#ffffff24;background:#ffffff0e}.bj-collection-hero--lenticular .bj-collection-hero__benefit-icon{background:#dce22c;color:#111}.bj-collection-hero--lenticular .bj-collection-hero__benefit-copy{color:#fff}.bj-collection-hero--lenticular .bj-collection-hero__benefit-copy small{color:#ffffff8f}.bj-collection-hero--lenticular .bj-collection-motion{border-color:#ffffff1f;box-shadow:0 20px 50px #00000042}.bj-scroll-anchor{scroll-margin-top:108px}@keyframes bjFadeTwoA{0%,45%{opacity:1}53%,92%{opacity:0}to{opacity:1}}@keyframes bjFadeTwoB{0%,45%{opacity:0}53%,92%{opacity:1}to{opacity:0}}@keyframes bjFadeThreeA{0%,27%{opacity:1}34%,94%{opacity:0}to{opacity:1}}@keyframes bjFadeThreeB{0%,27%{opacity:0}34%,60%{opacity:1}67%,to{opacity:0}}@keyframes bjFadeThreeC{0%,60%{opacity:0}67%,93%{opacity:1}to{opacity:0}}@keyframes bjMotionDrift{0%{transform:scale(1.01)}to{transform:scale(1.05) translate3d(-.6%,-.35%,0)}}@media screen and (max-width:989px){.bj-collection-hero__inner{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:22px;padding:25px}.bj-collection-hero h1{font-size:clamp(37px,5.3vw,52px)}.bj-collection-motion{max-width:430px}}@media screen and (max-width:749px){.bj-collection-hero{padding:7px 8px 9px}.bj-collection-hero .bj-collection-hero__inner{display:flex;flex-direction:column;gap:0;padding:7px 7px 20px;border-radius:17px}.bj-collection-hero .bj-collection-hero__inner:after{width:118px;height:118px;right:-42px;top:-46px;opacity:.52}.bj-collection-hero .bj-collection-hero__visual{order:-1}.bj-collection-hero .bj-collection-motion{width:100%;max-width:none;margin:0;border-radius:12px;box-shadow:none}.bj-collection-hero .bj-collection-motion__frame:nth-child(n+3){display:none}.bj-collection-hero .bj-collection-motion__badge{width:56px;height:56px;right:10px;bottom:10px;font-size:6px}.bj-collection-hero .bj-collection-hero__content{width:100%;padding:20px 10px 0}.bj-collection-hero h1{max-width:100%;font-size:clamp(33px,10vw,45px);line-height:1.01;letter-spacing:-.042em}.bj-collection-hero .bj-collection-hero__copy{margin-top:12px;font-size:12.8px;line-height:1.55}.bj-collection-hero .bj-collection-hero__actions{gap:0;margin-top:18px}.bj-collection-hero .bj-collection-hero__cta{width:100%;min-height:48px;background:#dce22c;color:#111;font-size:11.5px}.bj-collection-hero .bj-collection-hero__product-count{display:none}.bj-collection-hero .bj-collection-hero__trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-width:none;margin-top:12px}.bj-collection-hero .bj-collection-hero__benefit{min-height:58px;gap:8px;padding:8px;border-radius:12px}.bj-collection-hero .bj-collection-hero__benefit-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px;background:#dce22c;color:#111}.bj-collection-hero .bj-collection-hero__benefit-icon svg{width:17px;height:17px}.bj-collection-hero .bj-collection-hero__benefit-copy strong{font-size:9.5px;line-height:1.12}.bj-collection-hero .bj-collection-hero__benefit-copy small{margin-top:1px;font-size:7.8px;line-height:1.15}}@media screen and (max-width:370px){.bj-collection-hero .bj-collection-hero__content{padding-left:7px;padding-right:7px}.bj-collection-hero h1{font-size:clamp(31px,10vw,40px)}.bj-collection-hero .bj-collection-hero__benefit{gap:6px;padding:7px 6px}.bj-collection-hero .bj-collection-hero__benefit-icon{width:27px;height:27px;flex-basis:27px}.bj-collection-hero .bj-collection-hero__benefit-copy strong{font-size:8.8px}.bj-collection-hero .bj-collection-hero__benefit-copy small{display:none}}@media(prefers-reduced-motion:reduce){.bj-collection-motion__frame{animation:none!important;display:none}.bj-collection-motion__frame.is-primary{display:block;opacity:1}.bj-collection-motion__frame img{animation:none!important;transform:none}.bj-collection-hero__cta{transition:none}}@media screen and (max-width:749px){body.bonjoer-premium .bj-collection-hero{padding:7px 8px 9px!important}body.bonjoer-premium .bj-collection-hero .bj-collection-hero__inner{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important;height:auto!important;padding:7px 7px 20px!important;overflow:hidden!important}body.bonjoer-premium .bj-collection-hero .bj-collection-hero__visual{position:relative!important;order:-1!important;width:100%!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important}body.bonjoer-premium .bj-collection-hero .bj-collection-hero__visual:before{content:none!important;display:none!important}body.bonjoer-premium .bj-collection-hero .bj-collection-motion{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important;margin:0!important}body.bonjoer-premium .bj-collection-hero .bj-collection-hero__content{display:block!important;justify-content:initial!important;width:100%!important;min-height:0!important;height:auto!important;padding:22px 10px 0!important;margin:0!important;transform:none!important}body.bonjoer-premium .bj-collection-hero h1{position:relative;z-index:2;margin:0!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/bonjoer-collection-motion.css.map */