.custom-banner{padding-top:max(70px,calc(100vw * 85 / 1920))}.custom-banner__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(100vw * 80 / 1920);min-height:max(260px,calc(100vw*400/1920));padding:clamp(45px,6.8vw,130px) 9.375vw;overflow:hidden;color:var(--cream);background-color:#203a2b33}.custom-banner__inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#593100;background:linear-gradient(90deg,#593100,#fff0);opacity:.5}@media(max-width:749px){.custom-banner__inner:after{background:#203a2b52}}@media(max-width:749px){.custom-banner__inner{grid-template-columns:1fr;align-content:center;gap:28px;min-height:460px;padding:55px calc(100vw * 20 / 390)}}.custom-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.custom-banner__image,.custom-banner__placeholder{display:block;width:100%;height:100%}.custom-banner__image{object-fit:cover}.custom-banner__image--mobile{display:none}@media(max-width:749px){.custom-banner__image--mobile{display:block}}@media(max-width:749px){.custom-banner__media--has-mobile .custom-banner__image--desktop{display:none}}@media(max-width:749px){.custom-banner__media--has-mobile .custom-banner__placeholder{display:none}}.custom-banner__placeholder{background:linear-gradient(90deg,#203a2b73,#203a2b14),var(--cream-soft)}.custom-banner__content,.custom-banner__actions{position:relative;z-index:2}.custom-banner__content{max-width:720px}@media(max-width:749px){.custom-banner__content{max-width:100%}}.custom-banner__heading{margin-bottom:12px}.custom-banner__text{max-width:630px}.custom-banner__text p{margin:0}.custom-banner__button{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(250px,23vw,440px);min-height:clamp(38px,2.95vw,56px);padding:10px 34px;border-radius:14px;color:var(--green);background-color:var(--cream);text-align:center;transition:color .3s ease,background-color .3s ease}@media(max-width:749px){.custom-banner__button{width:100%;min-width:0}}.custom-banner__button:hover{color:var(--cream);background-color:var(--green)}@media(max-width:749px){.custom-banner__actions{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/style-section-custom-banner.css.map */