.hero-collection-banner{display:block;position:relative;overflow:hidden;width:100%}.hero-collection-banner .hero-banner__wrapper{display:flex;flex-direction:column;position:relative;width:100%}.hero-collection-banner .hero-banner__image-wrapper{display:block;position:relative;overflow:hidden;width:100%}.hero-collection-banner .hero-banner__image-wrapper img,.hero-collection-banner .hero-banner__image-wrapper picture{display:block;width:100%;height:auto;object-fit:cover;object-position:top}.hero-collection-banner .hero-banner__content-wrapper{display:block;position:relative;z-index:1;width:100%;padding:40px 24px;background-color:#fff}@media screen and (max-width:768px){.hero-collection-banner .hero-banner__content-wrapper{padding:40px 14px}.hero-banner__heading,.hero-banner__description{padding-inline:10px}.hero-collection-banner .hero-banner__buttons{gap:6px!important}.hero-banner__button-primary,.hero-banner__button-secondary{padding:12px!important;font-size:12px!important}}.hero-collection-banner .hero-banner__content-wrapper--desktop{display:none}.hero-collection-banner .hero-banner__content-wrapper--mobile{display:block}.hero-collection-banner .hero-banner__content{display:block;width:100%;max-width:100%}.hero-collection-banner .hero-banner__heading{display:block;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;line-height:28px;letter-spacing:.04em;text-transform:uppercase;color:#272727;margin:0 0 16px}.hero-collection-banner .hero-banner__description{display:block;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.04em;color:#272727;margin:0 0 32px}.hero-collection-banner .hero-banner__description p{display:block;color:inherit;margin:0}.hero-collection-banner .hero-banner__buttons{display:flex;flex-direction:row;gap:12px;width:100%}.hero-collection-banner .hero-banner__button-primary.btn,.hero-collection-banner .hero-banner__button-primary.btn-theme,.hero-collection-banner .hero-banner__button-secondary.btn,.hero-collection-banner .hero-banner__button-secondary.btn-theme{position:relative;z-index:1}.hero-collection-banner .hero-banner__button-primary,.hero-collection-banner .hero-banner__button-secondary{display:inline-block;width:auto;flex:1 1 0;padding:14px 24px;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:.04em;text-align:center;text-decoration:none;border-radius:0;border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;position:relative;z-index:1;overflow:hidden}.hero-collection-banner .hero-banner__button-primary:before,.hero-collection-banner .hero-banner__button-secondary:before{content:"";display:block;position:absolute;width:120%;height:100%;top:0;right:0;bottom:0;left:0;transform:rotate3d(0,0,1,4deg) translate3d(-1em,108%,0);transform-origin:0% 100%;will-change:transform;z-index:-1;transition:transform .2s cubic-bezier(.17,.67,.83,.67)}.hero-collection-banner .hero-banner__button-primary:before{background:#3a3a3a}.hero-collection-banner .hero-banner__button-secondary:before{background:#272727}.hero-collection-banner .hero-banner__button-primary:hover:before,.hero-collection-banner .hero-banner__button-primary:focus:before,.hero-collection-banner .hero-banner__button-primary:active:before,.hero-collection-banner .hero-banner__button-secondary:hover:before,.hero-collection-banner .hero-banner__button-secondary:focus:before,.hero-collection-banner .hero-banner__button-secondary:active:before{transform:rotate3d(0,0,1,0) translateZ(0)}.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary{font-size:16px;line-height:20px;background-color:#272727;color:#fff;border:none}.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:hover,.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:focus,.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:active{background-color:#1a1a1a;color:#fff;border:none}.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary{font-size:14px;line-height:20px;background-color:#fff;color:#272727;border:1px solid #272727}.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:hover,.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:focus,.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:active{background-color:#272727;color:#fff;border-color:#272727}.hero-collection-banner .hero-banner__reviews-container{position:absolute;z-index:2;bottom:25%;right:24px;left:auto;width:auto;max-width:max-content;height:auto;pointer-events:auto}.hero-collection-banner .hero-banner__review-badge{display:flex;align-items:center;position:absolute;gap:8px;padding:10px 16px;border-radius:8px;background-color:#fffffff2;box-shadow:0 2px 8px #0000001a;white-space:nowrap;opacity:0;transform:translate(60px);transition:opacity .8s ease-in-out,transform .8s ease-in-out;max-width:calc(100vw - 40px);box-sizing:border-box;cursor:pointer;text-decoration:none;color:inherit}.hero-collection-banner .hero-banner__review-badge:hover{background-color:#fff;box-shadow:0 4px 12px #00000026}.hero-collection-banner .hero-banner__review-badge.active{opacity:1;transform:translate(0)}.hero-collection-banner .hero-banner__review-badge.fade-out{opacity:0;transform:translate(-60px)}.hero-collection-banner .hero-banner__review-badge--static{position:absolute;bottom:0;right:0;opacity:1;transform:none;display:flex!important}.hero-collection-banner .hero-banner__review-badge .review-star{display:inline;font-size:16px;line-height:1;color:#ffc107}.hero-collection-banner .hero-banner__review-badge .review-text{display:inline;font-size:12px;font-weight:500;line-height:1.4;color:#272727}@media screen and (min-width:768px){.hero-collection-banner .hero-banner__content-wrapper{padding:50px 40px}.hero-collection-banner .hero-banner__buttons{flex-direction:row;gap:16px}.hero-collection-banner .hero-banner__button-primary,.hero-collection-banner .hero-banner__button-secondary{flex:0 1 auto;width:auto}.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary{font-size:18px;background-color:#272727;color:#fff}.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:hover,.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:focus,.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:active{background-color:#1a1a1a;color:#fff}.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary{font-size:16px;background-color:#fff;color:#272727;border:1px solid #272727}.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:hover,.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:focus,.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:active{background-color:#272727;color:#fff;border-color:#272727}.hero-collection-banner .hero-banner__heading{font-size:32px;line-height:38px}.hero-collection-banner .hero-banner__description{font-size:16px;line-height:22px}.hero-collection-banner .hero-banner__reviews-container{bottom:240px;right:25px;max-width:calc(100% - 50px)}.hero-collection-banner .hero-banner__review-badge{max-width:calc(100vw - 50px)}.hero-collection-banner .hero-banner__review-badge{padding:12px 18px}.hero-collection-banner .hero-banner__review-badge .review-star{font-size:17px}.hero-collection-banner .hero-banner__review-badge .review-text{font-size:13px}}@media screen and (min-width:1024px){.hero-collection-banner .hero-banner__wrapper{flex-direction:row}.hero-collection-banner .hero-banner__image-wrapper{display:block;top:0;left:0;width:100%;height:auto;aspect-ratio:auto;min-height:unset}.hero-collection-banner .hero-banner__content-wrapper--desktop{display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:80px 60px;background-color:transparent}.hero-collection-banner .hero-banner__content-wrapper--mobile{display:none}.hero-collection-banner .hero-banner__content{max-width:600px}.hero-collection-banner .hero-banner__buttons{flex-direction:row;gap:16px}.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary{font-size:20px;line-height:20px;background-color:#272727;color:#fff;border:none}.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:hover,.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:focus,.hero-collection-banner .hero-banner__buttons .hero-banner__button-primary:active{background-color:#1a1a1a;color:#fff;border:none;opacity:.9}.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary{font-size:18px;line-height:20px;background-color:#fff;color:#272727;border:1px solid #ffffff}.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:hover,.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:focus,.hero-collection-banner .hero-banner__buttons .hero-banner__button-secondary:active{background-color:#272727;color:#fff;border-color:#272727;opacity:.9}.hero-collection-banner .hero-banner__heading{font-size:40px;line-height:47px;color:#fff;margin-bottom:24px}.hero-collection-banner .hero-banner__description{font-size:18px;line-height:24px;color:#fff;margin-bottom:40px}.hero-collection-banner .hero-banner__description p{color:#fff}.hero-collection-banner .hero-banner__reviews-container{bottom:240px;right:60px;max-width:calc(100% - 120px)}.hero-collection-banner .hero-banner__review-badge{max-width:calc(100vw - 120px)}.hero-collection-banner .hero-banner__review-badge{padding:12px 20px}.hero-collection-banner .hero-banner__review-badge .review-star{font-size:18px}.hero-collection-banner .hero-banner__review-badge .review-text{font-size:14px}}@media screen and (min-width:1440px){.hero-collection-banner .hero-banner__image-wrapper{min-height:unset}.hero-collection-banner .hero-banner__content-wrapper{padding:100px 80px}.hero-collection-banner .hero-banner__content{max-width:700px}.hero-collection-banner .hero-banner__heading{font-size:48px;line-height:56px}.hero-collection-banner .hero-banner__description{font-size:20px;line-height:28px}}
/*# sourceMappingURL=/cdn/shop/t/236/assets/hero-collection-banner.css.map */