.promotional-banner{position:relative;background:var(--color-bg, var(--bg-body));color:var(--color-text, var(--color-body))}.promotional-banner.layout--split{display:flex;flex-direction:column}.promotional-banner.layout--split.text_first{flex-direction:column-reverse}@media only screen and (min-width: 768px){.promotional-banner.layout--split{flex-direction:row;align-items:center}}@media only screen and (min-width: 768px){.promotional-banner.layout--split.image_first{flex-direction:row-reverse}}.promotional-banner.layout--full .promotional-banner--content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:35;display:flex;align-items:center}.promotional-banner.frame-border--true:after{content:"";display:block;position:absolute;top:10px;left:10px;right:10px;bottom:10px;z-index:20;border:2px solid var(--color-text, var(--color-body));pointer-events:none}.promotional-banner--image{width:100%;position:relative}.promotional-banner--image svg,.promotional-banner--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.promotional-banner--image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.promotional-banner--image-media{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent)}.promotional-banner--image-media.aspect-ratio--small{padding-bottom:75%}.promotional-banner--image-media.aspect-ratio--large{padding-bottom:100%}.promotional-banner--image-media:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.promotional-banner--image-media .promotional-image--mobile{display:block}@media only screen and (min-width: 768px){.promotional-banner--image-media .promotional-image--mobile{display:none}}.promotional-banner--image-media .promotional-image--desktop{display:none}@media only screen and (min-width: 768px){.promotional-banner--image-media .promotional-image--desktop{display:block}}@media only screen and (max-width: 767px){.promotional-banner--image-media.mobile-aspect-ratio--true.aspect-ratio--adapt{padding-bottom:var(--ratio-percent--mobile)}}.promotional-banner--content{width:100%;display:flex;align-items:center;justify-content:center}.promotional-banner--content-inner{padding:10%}.promotional-banner--content .subheading{margin-bottom:10px;font-size:clamp(14px,1.6vw,18px);line-height:1.2}.promotional-banner--content h1,.promotional-banner--content h2,.promotional-banner--content h3{margin-bottom:8px;font-size:clamp(20px,2.5vw,32px);line-height:1.1;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.promotional-banner--content h3,.promotional-banner--content p,.promotional-banner--content .subheading{color:var(--color-text, var(--color-body));max-width:100%}.promotional-banner--content p{font-size:clamp(16px,1.6vw,18px);line-height:1.4;margin-bottom:10px}.promotional-banner--content .button{margin-top:10px}@media only screen and (min-width: 768px){.promotional-banner.layout--full .promotional-banner--content{padding:0;box-sizing:border-box;left:0;right:0;display:flex;align-items:center;position:absolute;top:0;height:100%;width:100%;overflow:hidden}.promotional-banner.layout--full .promotional-banner--content-inner{width:auto;max-width:calc(40% - 40px);min-width:150px;margin:0 20px;padding:15px;box-sizing:border-box;font-size:clamp(14px,1.6vw,18px);overflow-wrap:break-word;word-wrap:break-word;line-height:1.3;transition:font-size .2s ease}.promotional-banner.layout--full.image_first .promotional-banner--content{justify-content:flex-end}.promotional-banner.layout--full.text_first .promotional-banner--content{justify-content:flex-start}.promotional-banner.layout--full .promotional-banner--content h1,.promotional-banner.layout--full .promotional-banner--content h2,.promotional-banner.layout--full .promotional-banner--content h3{font-size:clamp(18px,2.2vw,28px);margin-bottom:6px}.promotional-banner.layout--full .promotional-banner--content .subheading{font-size:clamp(12px,1.4vw,16px);margin-bottom:6px}.promotional-banner.layout--full .promotional-banner--content p{font-size:clamp(14px,1.4vw,16px);line-height:1.3}}@media only screen and (min-width: 1200px){.promotional-banner.layout--full .promotional-banner--content-inner{max-width:calc(40% - 40px)}}@media only screen and (max-width: 1199px) and (min-width: 992px){.promotional-banner.layout--full .promotional-banner--content-inner{max-width:calc(35% - 40px)}.promotional-banner.layout--full .promotional-banner--content h1,.promotional-banner.layout--full .promotional-banner--content h2,.promotional-banner.layout--full .promotional-banner--content h3{font-size:clamp(16px,2vw,24px)}.promotional-banner.layout--full .promotional-banner--content p{font-size:clamp(14px,1.4vw,16px)}}@media only screen and (max-width: 991px) and (min-width: 768px){.promotional-banner.layout--full .promotional-banner--content-inner{max-width:calc(30% - 40px);padding:12px}.promotional-banner.layout--full .promotional-banner--content h1,.promotional-banner.layout--full .promotional-banner--content h2,.promotional-banner.layout--full .promotional-banner--content h3{font-size:clamp(14px,1.8vw,20px);margin-bottom:4px}.promotional-banner.layout--full .promotional-banner--content .subheading{font-size:clamp(10px,1.2vw,14px);margin-bottom:4px}.promotional-banner.layout--full .promotional-banner--content p{font-size:clamp(12px,1.2vw,14px);line-height:1.2}}@media only screen and (max-width: 850px) and (min-width: 768px){.promotional-banner.layout--full .promotional-banner--content-inner{max-width:calc(28% - 30px);margin:0 15px;padding:10px}.promotional-banner.layout--full .promotional-banner--content h1,.promotional-banner.layout--full .promotional-banner--content h2,.promotional-banner.layout--full .promotional-banner--content h3{font-size:clamp(12px,1.6vw,18px);margin-bottom:3px}.promotional-banner.layout--full .promotional-banner--content .subheading{font-size:clamp(9px,1.1vw,12px);margin-bottom:3px}.promotional-banner.layout--full .promotional-banner--content p{font-size:clamp(11px,1.1vw,13px);line-height:1.2}}@media only screen and (max-width: 767px){.promotional-banner.layout--full .promotional-banner--content{position:absolute;bottom:30px;top:auto;width:100%;height:auto;display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px}.promotional-banner.layout--full .promotional-banner--content-inner{width:calc(100% - 40px);max-width:calc(100% - 40px);margin:0 20px;text-align:center;padding:5%;box-sizing:border-box}.promotional-banner.layout--full .promotional-banner--image{position:relative;width:100%}.promotional-banner.layout--full .promotional-banner--image-media{position:relative;overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/promotional-banner.css.map */