.custom-hero-banner-section{max-width:100%;padding-inline:1.5rem;padding-top:var(--section-pt);padding-bottom:var(--section-pb)}@media(min-width:768px){.custom-hero-banner-section{padding-inline:1.5rem;padding-top:var(--section-pt-lg);padding-bottom:var(--section-pb-lg)}}@media(min-width:1150px){.custom-hero-banner-section{padding-inline:2.5rem}}.custom-hero-banner-section--has-float{padding-bottom:var(--section-pb)}@media(min-width:768px){.custom-hero-banner-section--has-float{padding-bottom:calc(var(--section-pb-lg) + var(--chb-b2-float-overflow, 30px))}}.custom-hero-banner-section__stack{display:flex;flex-direction:column;gap:var(--chb-banners-gap, 12px);max-width:1970px;margin:auto}.custom-hero-banner{background-color:var(--chb-bg);border-radius:var(--chb-radius);overflow:hidden;position:relative}.custom-hero-banner__inner{display:flex;flex-direction:column;min-height:var(--chb-min-height-mobile, 300px)}@media(min-width:768px){.custom-hero-banner__inner{flex-direction:row;min-height:var(--chb-min-height, 420px)}.custom-hero-banner--text-right .custom-hero-banner__inner{flex-direction:row-reverse}}.custom-hero-banner__content{display:flex;flex-direction:column;justify-content:var(--chb-content-valign, center);gap:0;padding:8% var(--custom-space-20) 7%;position:relative;z-index:2}@media(min-width:768px){.custom-hero-banner__content{flex:0 0 var(--chb-content-width, 50%);max-width:var(--chb-content-width, 50%);padding:8% var(--chb-content-padding, 48px) 7%}}.custom-hero-banner__heading{font-size:var(--chb-heading-fs);font-weight:var(--chb-heading-fw);line-height:var(--chb-heading-lh, 1.2);color:var(--chb-heading-color);margin:0 0 var(--chb-heading-mb, 16px) 0}@media(min-width:768px){.custom-hero-banner__heading{font-size:var(--chb-heading-fs-lg)}}.custom-hero-banner__desc{font-size:var(--chb-desc-fs);font-weight:var(--chb-desc-fw, 400);line-height:var(--chb-desc-lh, 1.6);color:var(--chb-desc-color);margin:0 0 var(--chb-desc-mb, 20px) 0}.custom-hero-banner__buttons{display:flex;flex-direction:column;gap:var(--chb-buttons-gap, 8px)}.custom-hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:var(--custom-ls-wide);text-decoration:none;cursor:pointer;transition:background-color var(--custom-transition-base),color var(--custom-transition-base),border-color var(--custom-transition-base);width:fit-content;box-sizing:border-box;background-color:var(--chb-btn-bg);color:var(--chb-btn-color);border:var(--chb-btn-bw, 2px) solid var(--chb-btn-border);border-radius:var(--chb-btn-radius, 18px);font-size:var(--chb-btn-fs, 13px);font-weight:var(--chb-btn-fw, 800);padding:var(--chb-btn-py, 12px) var(--chb-btn-px, 28px)}.custom-hero-banner__btn:hover{background-color:var(--chb-btn-hover-bg);color:var(--chb-btn-hover-color);border-color:var(--chb-btn-hover-bg)}.custom-hero-banner__btn--full{width:100%}.custom-hero-banner__disclaimer{font-size:var(--chb-disclaimer-fs, 11px);color:var(--chb-disclaimer-color);font-weight:var(--custom-fw-medium);margin:var(--custom-space-12) 0 0 0;font-style:italic}.custom-hero-banner__placeholder{width:100%;height:100%;object-fit:cover}.custom-hero-banner__media{position:relative;height:var(--chb-img-mobile-h, 300px);min-height:0;overflow:hidden}.custom-hero-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--chb-img-position)}@media(min-width:768px){.custom-hero-banner__media{flex:1;height:auto;min-height:0;overflow:hidden}.custom-hero-banner--img-fill .custom-hero-banner__media{position:relative}.custom-hero-banner--img-fill .custom-hero-banner__img{position:absolute;top:0;right:0;bottom:0;left:0}}.custom-hero-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--chb-bg);border-radius:var(--chb-radius);overflow:hidden;z-index:0;display:none}.custom-hero-banner--img-float{background-color:var(--chb-bg);overflow:hidden}@media(min-width:768px){.custom-hero-banner--img-float{background-color:transparent;overflow:visible}.custom-hero-banner__bg{display:block}.custom-hero-banner--img-float .custom-hero-banner__content{z-index:2}.custom-hero-banner--img-float .custom-hero-banner__inner{position:relative;z-index:1}.custom-hero-banner--img-float .custom-hero-banner__media{z-index:2;overflow:visible;position:relative;min-height:0}.custom-hero-banner--img-float .custom-hero-banner__img{position:absolute;top:var(--custom-space-lg);left:50%;transform:translate(-50%);width:var(--chb-float-img-width, 80%);bottom:calc(var(--chb-float-overflow, 30px) * -1);object-fit:cover;object-position:var(--chb-img-position);border-radius:var(--chb-img-radius, 12px)}}.custom-hero-banner--pattern-full:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--chb-pattern-url);background-repeat:repeat;background-size:var(--chb-pattern-size, 300px) var(--chb-pattern-size, 300px);opacity:var(--chb-pattern-opacity, .1);pointer-events:none;z-index:1}.custom-hero-banner--pattern-full .custom-hero-banner__content,.custom-hero-banner--pattern-full .custom-hero-banner__media{position:relative;z-index:2}@media(min-width:768px){.custom-hero-banner--img-float.custom-hero-banner--pattern-full:before{display:none}}.custom-hero-banner__bg.custom-hero-banner__has-pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--chb-pattern-url);background-repeat:repeat;background-size:var(--chb-pattern-size, 300px) var(--chb-pattern-size, 300px);opacity:var(--chb-pattern-opacity, .1);pointer-events:none;z-index:1}.custom-hero-banner--pattern-content{position:relative}.custom-hero-banner--pattern-content>.custom-hero-banner__pattern-bg{position:absolute;top:0;bottom:0;left:0;width:100%;overflow:hidden;z-index:1;pointer-events:none}@media(min-width:768px){.custom-hero-banner--pattern-content>.custom-hero-banner__pattern-bg{width:var(--chb-content-width, 50%);left:auto}.custom-hero-banner--text-left.custom-hero-banner--pattern-content>.custom-hero-banner__pattern-bg{left:0}.custom-hero-banner--text-right.custom-hero-banner--pattern-content>.custom-hero-banner__pattern-bg{right:0}}.custom-hero-banner__pattern-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--chb-pattern-url);background-repeat:repeat;background-size:var(--chb-pattern-size, 300px) var(--chb-pattern-size, 300px);opacity:var(--chb-pattern-opacity, .1);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-hero-banner.css.map */