.promo-banner{position:relative}.promo-banner__image--mobile{display:none}@media screen and (max-width:749px){.promo-banner__media--has-mobile-image .promo-banner__image--desktop{display:none}.promo-banner__media--has-mobile-image .promo-banner__image--mobile{display:block}}.promo-banner__gradient{z-index:1;pointer-events:none;background:linear-gradient(180deg,#12080c00 30%,#12080c99),linear-gradient(100deg,#59112657,#59112600 42%)}@media screen and (min-width:750px){.promo-banner__gradient{background:linear-gradient(0deg,#12080c75,#12080c00 48%),linear-gradient(100deg,#5911264d,#59112600 38%)}}@keyframes JagraaPromoZoom{0%{transform:scale(1)}to{transform:scale(1.07)}}@media(prefers-reduced-motion:no-preference){.promo-banner__image{animation:JagraaPromoZoom 14s ease-in-out infinite alternate}}.promo-banner:before{content:"";position:absolute;top:2rem;right:2rem;bottom:2rem;left:2rem;border:.1rem solid rgba(255,255,255,.35);pointer-events:none;z-index:2}.promo-banner__corner{position:absolute;z-index:2;width:3.2rem;height:3.2rem;pointer-events:none}.promo-banner__corner--tl{top:2rem;left:2rem;border-top:.2rem solid #c9a227;border-left:.2rem solid #c9a227}.promo-banner__corner--br{bottom:2rem;right:2rem;border-bottom:.2rem solid #c9a227;border-right:.2rem solid #c9a227}@media screen and (max-width:749px){.promo-banner{display:flex;flex-direction:column;overflow:hidden}.promo-banner.banner--mobile-bottom{height:auto!important;min-height:0!important}.promo-banner.banner--mobile-bottom .promo-banner__media,.promo-banner.banner--mobile-bottom .banner__media{position:relative;width:100%;min-height:0;height:auto;aspect-ratio:4 / 3}.promo-banner.banner--mobile-bottom .promo-banner__image,.promo-banner.banner--mobile-bottom .banner__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.promo-banner.banner--mobile-bottom .promo-banner__gradient{display:none}.promo-banner.banner--mobile-bottom:before,.promo-banner.banner--mobile-bottom .promo-banner__corner{display:none}.promo-banner.banner--mobile-bottom .banner__content{position:relative;display:block;width:100%;max-width:100%;padding:2rem 1.6rem 2.4rem;background:#fff;inset:auto;transform:none;min-height:0}.promo-banner.banner--mobile-bottom .promo-banner__box,.promo-banner.banner--mobile-bottom .banner__box{width:100%;max-width:100%;margin:0 auto;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-align:center;color:var(--color-primary)}.promo-banner.banner--mobile-bottom .promo-banner__kicker{margin:0 auto 1.4rem;padding:.55rem 1.5rem;border:.1rem solid rgba(201,162,39,.75);background:#fff;color:#c9a227;justify-content:center}.promo-banner.banner--mobile-bottom .promo-banner__heading{color:#c9a227;text-shadow:none;-webkit-text-fill-color:#c9a227;background:none;animation:none;margin:0 0 1.4rem;padding-bottom:1.4rem}.promo-banner.banner--mobile-bottom .promo-banner__heading:after{left:50%;transform:translate(-50%);width:5.6rem;height:.28rem;background:#c9a227}.promo-banner.banner--mobile-bottom .banner__text,.promo-banner.banner--mobile-bottom .banner__text p{color:rgba(var(--color-primary-rgb),.72);margin:0 0 1.8rem}.promo-banner.banner--mobile-bottom .banner__buttons{justify-content:center}.promo-banner.banner--mobile-bottom .button{padding:1.15rem 2.2rem}.promo-banner:before{top:1rem;right:1rem;bottom:1rem;left:1rem}.promo-banner__corner{width:2.2rem;height:2.2rem}.promo-banner__corner--tl{top:1rem;left:1rem}.promo-banner__corner--br{bottom:1rem;right:1rem}.promo-banner .button{padding:1.2rem 2.4rem}}.promo-banner__box{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff}.promo-banner__box .banner__text{color:#ffffffe0}.promo-banner__box--plate{background:#12080c57;border-radius:.4rem}@media screen and (min-width:750px){.promo-banner__box--plate{padding:4.4rem 5rem}}.promo-banner__kicker{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.6rem;padding:.5rem 1.6rem;border:.1rem solid rgba(201,162,39,.7);border-radius:999px;color:#f4e3ab;font-size:1.2rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.promo-banner__box--center .promo-banner__kicker{justify-content:center}.promo-banner__heading{position:relative;margin:0 0 1.8rem;padding-bottom:1.8rem;color:#fff;text-shadow:0 .3rem 1.4rem rgba(18,8,12,.35)}@media(prefers-reduced-motion:no-preference){.promo-banner__heading{background:linear-gradient(100deg,#fff 35%,#f9e6ab,#fff 59%);background-size:280% 100%;background-position:200% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:JagraaTitleShine 5s ease-in-out infinite}@keyframes JagraaTitleShine{0%,15%{background-position:200% 0}65%,to{background-position:-120% 0}}}.promo-banner__heading:after{content:"";position:absolute;bottom:0;left:0;width:6.4rem;height:.3rem;background:linear-gradient(90deg,#c9a227,#e8cf7a);border-radius:999px}.promo-banner__box--center .promo-banner__heading:after{left:50%;transform:translate(-50%)}.promo-banner__box--right .promo-banner__heading:after{left:auto;right:0}@media screen and (max-width:749px){.promo-banner__box-mobile--left .promo-banner__heading:after,.promo-banner__box-mobile--left .promo-banner__kicker{left:0;right:auto;transform:none}.promo-banner__box-mobile--right .promo-banner__heading:after{left:auto;right:0;transform:none}.promo-banner__box-mobile--center .promo-banner__heading:after{left:50%;right:auto;transform:translate(-50%)}.promo-banner__box-mobile--center .promo-banner__kicker{justify-content:center}}.promo-banner .button{position:relative;display:inline-block;overflow:hidden;isolation:isolate;border-radius:.4rem;padding:1.5rem 3.2rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;transform:scale(1);transition:color .35s ease,border-color .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}.promo-banner .button--primary,.promo-banner .button--secondary{background:transparent;color:#2b0d17;border:.1rem solid #c9a227}.promo-banner .button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#c9a227,#e8cf7a 45%,#c9a227);transform:scaleX(1);transform-origin:left;z-index:-1}@media(prefers-reduced-motion:no-preference){.promo-banner .button:hover{transform:scale(1.12);box-shadow:0 1.2rem 2.8rem #c9a22780}}.promo-banner .button:hover:before{transform:scaleX(1)}@media screen and (max-width:749px){.promo-banner .button{padding:1.2rem 2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-promotional-banner.css.map */