.festive-hero-section{width:100%}.festive-hero{position:relative;width:100%;min-height:550px;overflow:hidden}.festive-hero__bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.festive-hero__bg-image--mobile{display:none}.festive-hero__bg-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f0e8,#e8dcc8);z-index:1}.festive-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .2);z-index:2}.festive-hero__badges{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.festive-hero__badge{position:absolute;top:var(--badge-top, 5%);right:var(--badge-right, 2%);pointer-events:auto}.festive-hero__badge img{display:block;width:var(--badge-width, 80px);height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));transition:transform .3s ease}.festive-hero__badge img:hover{transform:scale(1.05)}.festive-hero__container{position:relative;z-index:5;width:100%;max-width:1400px;margin:0 auto;padding:60px 40px;min-height:550px;display:flex;align-items:center;justify-content:space-between}.festive-hero__text-side{max-width:450px;text-align:var(--text-align, left);margin-left:var(--text-margin-left, 0);animation:fadeInUp .8s ease-out}.festive-hero__subheading{margin:0 0 5px;font-weight:400;font-style:italic;letter-spacing:.02em;line-height:1.2}.festive-hero__heading{margin:0 0 15px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.festive-hero__description{margin:0 0 25px;font-weight:400;line-height:1.5}.festive-hero__button{display:inline-block;padding:14px 35px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0003}.festive-hero__button:hover{background-color:var(--button-hover-bg)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.festive-hero__validity{margin:15px 0 0;font-weight:400}.festive-hero__baubles-container{position:absolute;top:0;right:0;width:50%;height:100%;pointer-events:none}.festive-hero__bauble{position:absolute;top:var(--bauble-top, 20%);right:var(--bauble-right, 20%);animation:baubleSwing 4s ease-in-out infinite,fadeInDown .6s ease-out backwards}.festive-hero__bauble:nth-child(1){animation-delay:0s,.1s}.festive-hero__bauble:nth-child(2){animation-delay:.5s,.2s}.festive-hero__bauble:nth-child(3){animation-delay:1s,.3s}.festive-hero__bauble:nth-child(4){animation-delay:1.5s,.4s}.festive-hero__bauble-inner{display:flex;flex-direction:column;align-items:center}.festive-hero__bauble-hook{width:2px;height:15px;background:linear-gradient(180deg,#9678504d,#96785099);position:relative}.festive-hero__bauble-hook:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:10px;height:10px;border:2px solid rgba(150,120,80,.6);border-radius:50%}.festive-hero__bauble-ball{width:var(--bauble-size, 120px);height:var(--bauble-size, 120px);border-radius:50%;background:linear-gradient(145deg,var(--bauble-color, #d4a574) 0%,var(--bauble-color-dark, #a67c52) 100%);box-shadow:inset -8px -8px 25px #0000004d,inset 8px 8px 25px #ffffff26,0 8px 30px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.festive-hero__bauble-shine{position:absolute;top:12%;left:18%;width:25%;height:25%;background:radial-gradient(ellipse at center,rgba(255,255,255,.5) 0%,transparent 70%);border-radius:50%;transform:rotate(-30deg)}.festive-hero__bauble-content{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}.festive-hero__bauble-discount{font-size:var(--discount-font-size, 36px);font-weight:700;color:var(--text-color, #fff);line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.festive-hero__bauble-label{font-size:var(--label-font-size, 12px);font-weight:600;color:var(--text-color, #fff);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-top:2px}.festive-hero__bauble-ball:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s infinite}@keyframes baubleSwing{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@media screen and (max-width: 749px){.festive-hero{min-height:auto}.festive-hero__bg-image--desktop{display:none}.festive-hero__bg-image--mobile{display:block}.festive-hero:not(:has(.festive-hero__bg-image--mobile)) .festive-hero__bg-image--desktop{display:block}.festive-hero__container{min-height:auto;padding:30px 20px 40px;flex-direction:column;align-items:center;justify-content:flex-start}.festive-hero__text-side{max-width:100%;text-align:center!important;margin:0 0 20px!important;order:1}.festive-hero__subheading{font-size:var(--mobile-font-size)!important}.festive-hero__heading{font-size:var(--mobile-font-size)!important;margin-bottom:10px}.festive-hero__description{font-size:var(--mobile-font-size)!important;margin-bottom:15px}.festive-hero__button{padding:12px 30px}.festive-hero__validity{margin-top:12px}.festive-hero__baubles-container{position:relative;width:100%;height:auto;order:2;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;justify-items:center;padding:20px 10px}.festive-hero__bauble{position:relative!important;top:auto!important;right:auto!important;left:auto!important}.festive-hero__bauble-ball{width:var(--bauble-size-mobile, 70px)!important;height:var(--bauble-size-mobile, 70px)!important}.festive-hero__bauble-discount{font-size:var(--discount-font-size-mobile, 22px)!important}.festive-hero__bauble-label{font-size:10px!important}.festive-hero__bauble-hook{height:10px}.festive-hero__bauble-hook:before{width:8px;height:8px;top:-5px}.festive-hero__badge img{width:calc(var(--badge-width, 80px) * .7)!important;max-width:60px}}@media screen and (min-width: 750px) and (max-width: 990px){.festive-hero__container{padding:50px 30px}.festive-hero__text-side{max-width:350px}.festive-hero__baubles-container{width:45%}}@media (prefers-reduced-motion: reduce){.festive-hero__bauble,.festive-hero__text-side,.festive-hero__bauble-ball:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/festive-hero-banner.css.map */
