.t4s-container{max-width:1280px;margin-inline:auto;padding-inline:15px;box-sizing:border-box}.hl-banner,.hl-banner.t4s-section-inner{margin-bottom:30px!important}.hl-banner-surface{background:var(--banner-bg, #f6efdf);border-radius:24px;padding:20px}.hl-banner-inner{display:grid;grid-template-columns:clamp(72px,10vw,120px) 1fr minmax(120px,180px) auto;align-items:center;gap:clamp(12px,2vw,24px);padding:clamp(12px,2.5vw,24px);border-radius:24px;box-sizing:border-box;background:var(--banner-bg, #f6efdf);box-shadow:0 8px 32px #435a1e17}.hl-banner-badge{display:flex;align-items:center;justify-content:center}.hl-banner-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hl-banner-img-wrap{display:flex;align-items:center;justify-content:center}.hl-banner-cta-wrap{display:flex;align-items:center;justify-content:flex-end}.hl-banner-badge-text{display:flex;align-items:center;justify-content:center;inline-size:clamp(72px,9vw,110px);block-size:clamp(72px,9vw,110px);border-radius:50%;background:#fff;color:#e9417b;font:700 1rem/1.2 Nunito Sans,Arial,sans-serif;text-align:center;box-shadow:0 4px 24px #00000012;padding:0;margin:0 auto}.hl-badge-circle-border{inline-size:clamp(72px,9vw,120px);block-size:clamp(72px,9vw,120px);border-radius:50%;background:#fff;border:6px solid var(--badge-ring-color, #e9417b);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff,0 4px 24px #00000017}.hl-badge-svg-icon{width:80%;height:80%;object-fit:contain;display:block}section[id^=hl-banner-] .hl-banner-title{margin:0;color:var(--banner-title-color, #123a2d);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:600;font-size:28px;line-height:1.25}section[id^=hl-banner-] .hl-banner-desc{margin-top:6px;color:var(--banner-desc-color, #27332f)}section[id^=hl-banner-] .hl-banner-desc p{margin:0;font-family:Nunito Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.55;color:inherit}.hl-banner-img{display:block;width:auto;height:auto;max-height:var(--img-max-h, 140px);max-width:clamp(120px,14vw,200px);margin:0 auto}.hl-banner-btn{display:inline-flex;align-items:center;gap:.5rem;background:#badf4c;color:#27332f;border-radius:12px;font-size:16px;font-weight:500;padding:.8rem 2rem;text-decoration:none;box-shadow:0 2px 14px #5a753c14;transition:background .15s ease,transform .15s ease,color .15s ease}.hl-banner-btn:hover{background:#b2cf43;color:#fff}.hl-banner-btn:active{transform:translateY(1px)}.hl-banner-btn:focus-visible{outline:3px solid #1d201f;outline-offset:2px}.hl-banner-btn-ic{margin-left:.25rem}.hl-banner--subscribe .hl-subscribe-grid{display:grid;grid-template-columns:var(--hl-subscribe-cols, 35% 50% 15%);align-items:center;gap:20px}.hl-banner--subscribe .hl-banner-desc,.hl-banner--subscribe .hl-banner-desc p{font-size:14px;line-height:1.6}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;justify-items:stretch}section[id^=hl-banner-].hl-banner--subscribe .hl-input-group{grid-column:2 / 4;display:flex;align-items:stretch;min-width:320px}section[id^=hl-banner-].hl-banner--subscribe .hl-input-group input[type=email]{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0!important;flex:1 1 auto;height:48px}section[id^=hl-banner-].hl-banner--subscribe .hl-input-group .hl-banner-btn{border-top-left-radius:0!important;border-bottom-left-radius:0!important;height:48px;display:inline-flex;align-items:center;justify-content:center;padding-inline:18px;white-space:nowrap}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form .hl-consent .hl-consent-text{font-size:10px!important;line-height:1.45;word-break:break-word}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form input[type=text],section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form input[type=email]{width:100%;min-width:220px;height:48px;padding:0 14px;border:1px solid #D7D7D7;border-radius:0;font-size:16px;box-shadow:none;box-sizing:border-box}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form input[name=first_name]{border-radius:12px 0 0 12px}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form input[name=email]{border-left:0;border-radius:0}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form .hl-banner-btn{height:48px;border-radius:0 12px 12px 0;margin-left:0;padding-inline:20px;display:inline-flex;align-items:center;justify-content:center}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form .hl-consent{grid-column:1 / 3;display:flex;align-items:flex-start;gap:8px;margin-top:8px;max-width:clamp(320px,50vw,560px);font-size:14px}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form .hl-consent input[type=checkbox]{margin-top:3px;flex:0 0 auto}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form .hl-consent .hl-consent-text{display:block;line-height:1.45;word-break:break-word;font-size:14px}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form .hl-consent .hl-consent-text a{text-decoration:underline;color:inherit}.hl-banner--subscribe .hl-msg{grid-column:1 / -1;margin-top:.25rem;font-size:.9rem}.hl-banner--subscribe .hl-msg--ok{color:#1b7f3b}.hl-banner--subscribe .hl-msg--err{color:#b00020}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1024px){.hl-banner-inner{border-radius:32px}section[id^=hl-banner-] .hl-banner-title{font-size:30px}}@media(max-width:1024px){.hl-banner-inner{grid-template-columns:clamp(64px,12vw,100px) 1fr minmax(100px,150px) auto;gap:16px}}@media(max-width:768px){.hl-banner-inner{grid-template-columns:1fr 1fr;grid-template-areas:"badge cta" "text  text" "image image";row-gap:12px;column-gap:12px;padding:12px}.hl-banner-badge{grid-area:badge}.hl-banner-cta-wrap{grid-area:cta;justify-content:end}.hl-banner-content{grid-area:text}.hl-banner-img-wrap{grid-area:image;justify-content:center}.hl-banner-img{max-height:calc(var(--img-max-h,140px) * .9)}section[id^=hl-banner-] .hl-banner-title{font-weight:700}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form{grid-template-columns:1fr;gap:10px}section[id^=hl-banner-].hl-banner--subscribe .hl-input-group{grid-column:1 / -1;min-width:0}section[id^=hl-banner-].hl-banner--subscribe .hl-subscribe-form .hl-consent{grid-column:1 / -1;max-width:none}.hl-banner-btn{font-size:.9rem;padding:.8rem 1.2rem}}@media(max-width:480px){.hl-banner-inner{text-align:center}.hl-banner-content{align-items:center}.hl-badge-circle-border,.hl-banner-badge-text{inline-size:96px;block-size:96px}}@media(prefers-reduced-motion:reduce){.hl-banner-btn{transition:none}}.hl-banner.hl-banner--subscribe{position:relative}.hl-banner.hl-banner--subscribe .hl-banner-surface{background:transparent!important;box-shadow:none!important;border-radius:0!important}.hl-banner.hl-banner--subscribe:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:min(1280px,100% - 30px);background:var(--banner-bg, #f6efdf);border-radius:24px;z-index:0;pointer-events:none}.hl-banner.hl-banner--subscribe .t4s-container,.hl-banner.hl-banner--subscribe .hl-banner-surface{position:relative;z-index:1}@media(max-width:768px){.hl-banner.hl-banner--subscribe:before{width:calc(100% - 30px);border-radius:16px}}.hl-banner.hl-banner--subscribe .hl-banner-inner{background:var(--banner-bg, #F6EEDD);border-radius:12px;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}@media(max-width:768px){.hl-banner.hl-banner--subscribe .hl-subscribe-form input[type=text],.hl-banner.hl-banner--subscribe .hl-subscribe-form input[type=email]{min-width:0;width:100%}.hl-banner.hl-banner--subscribe .hl-subscribe-form button{width:100%;margin-top:8px}.hl-banner.hl-banner--subscribe .hl-subscribe-form .hl-consent{font-size:13px;line-height:1.5;margin-top:8px}.hl-banner.hl-banner--subscribe .hl-subscribe-grid{grid-template-columns:1fr;gap:12px;text-align:center}.hl-banner.hl-banner--subscribe .hl-banner-headline,.hl-banner.hl-banner--subscribe .hl-banner-subtext{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/reusable-banner.css.map */