div:has(>section.christmas-hero-banner){margin:0}.christmas-hero-banner{position:relative;min-height:400px}.christmas-hero-banner__wrapper{display:flex;align-items:stretch;min-height:446px}.christmas-hero-banner__content{flex:0 0 auto;width:30%;display:flex;align-items:center;padding:60px 40px 60px 56px;position:relative;z-index:2}.christmas-hero-banner__text-wrapper{width:100%}.christmas-hero-banner__small-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:48px;line-height:1;margin:0 0 8px}.christmas-hero-banner__title{font-family:Fredoka,sans-serif;font-weight:600;font-size:48px;line-height:1.125;margin:0 0 20px}.christmas-hero-banner__subtitle{font-family:Fredoka,sans-serif;font-weight:400;font-size:16px;line-height:1.375;margin:0 0 32px;max-width:344px}.christmas-hero-banner__buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-bottom:60px}.christmas-hero-banner__button{display:flex;align-items:center;justify-content:center;height:56px;padding:0 20px;font-family:Fredoka,sans-serif;font-weight:600;font-size:18px;-webkit-text-decoration:none;text-decoration:none;text-align:center;transition:all .2s ease;border:none;cursor:pointer}.christmas-hero-banner__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.christmas-hero-banner__image{flex:1;position:relative;overflow:hidden}.christmas-hero-banner__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.christmas-hero-banner__image-wrapper--mobile{display:none}.christmas-hero-banner__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.christmas-hero-banner__image-placeholder{width:100%;height:100%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center}.christmas-hero-banner__wave{position:absolute;bottom:-1px;left:0;width:calc(100% + 1px);height:89px;z-index:3;pointer-events:none}.christmas-hero-banner__wave svg{width:100%;height:100%;display:block}@media screen and (max-width: 1200px){.christmas-hero-banner__content{width:35%}}@media screen and (max-width: 999px){.christmas-hero-banner__wrapper{min-height:380px}.christmas-hero-banner__content{padding:40px 30px;width:40%}.christmas-hero-banner__small-title,.christmas-hero-banner__title{font-size:36px}.christmas-hero-banner__button{height:50px;font-size:16px}}@media screen and (max-width: 640px){.christmas-hero-banner__wrapper{flex-direction:column-reverse;min-height:auto}.christmas-hero-banner__content{width:100%;padding:40px 20px}.christmas-hero-banner__text-wrapper{max-width:100%;margin-bottom:40px}.christmas-hero-banner__small-title{font-size:32px}.christmas-hero-banner__title{font-size:32px;margin-bottom:16px}.christmas-hero-banner__subtitle{font-size:14px;margin-bottom:24px;max-width:100%}.christmas-hero-banner__buttons{grid-template-columns:repeat(2,1fr);max-width:400px}.christmas-hero-banner__button{height:48px;font-size:16px}.christmas-hero-banner__image{position:relative;min-height:300px;flex:0 0 auto}.christmas-hero-banner__image-wrapper{display:none}.christmas-hero-banner__image-wrapper--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/christmas-hero-banner.css.map */