.ccs-bundles-banner{position:relative;display:flex;align-items:center;min-height:var(--ccs-bb-height-m, 380px);padding:var(--ccs-bb-pt-m, 0) 0 var(--ccs-bb-pb-m, 0);overflow:hidden;background:#0c4d37;isolation:isolate}@media(min-width:750px){.ccs-bundles-banner{min-height:var(--ccs-bb-height-d, 460px);padding:var(--ccs-bb-pt-d, 0) 0 var(--ccs-bb-pb-d, 0)}}.ccs-bundles-banner--no-image{background:linear-gradient(135deg,#0c4d37,#075c3f 55%,#022618)}.ccs-bundles-banner-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ccs-bundles-banner-img,.ccs-bundles-banner-media picture,.ccs-bundles-banner-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ccs-bundles-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ccs-bb-overlay-color, #022618);opacity:var(--ccs-bb-overlay-opacity, .35)}.ccs-bundles-banner-container{position:relative;z-index:1;width:100%;display:flex}.ccs-bundles-banner[data-content-position=center] .ccs-bundles-banner-container{justify-content:center;text-align:center}.ccs-bundles-banner[data-content-position=right] .ccs-bundles-banner-container{justify-content:flex-end;text-align:right}.ccs-bundles-banner[data-content-position=left] .ccs-bundles-banner-container{justify-content:flex-start;text-align:left}.ccs-bundles-banner-content{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:var(--ccs-bb-content-max, 540px)}.ccs-bundles-banner[data-content-position=center] .ccs-bundles-banner-content{align-items:center}.ccs-bundles-banner[data-content-position=right] .ccs-bundles-banner-content{align-items:flex-end}.ccs-bundles-banner-label{display:inline-flex;align-items:center;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ccs-bb-label-color, #0c4d37);background:var(--ccs-bb-label-bg, #ffffff);padding:6px 14px;border-radius:999px}.ccs-bundles-banner-headline{margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:var(--ccs-bb-headline-weight, 600);letter-spacing:-.01em;line-height:1.1;color:var(--ccs-bb-headline-color, #ffffff);font-size:clamp(28px,6vw,44px);text-wrap:balance}@media(min-width:750px){.ccs-bundles-banner-headline{font-size:clamp(34px,3.6vw,56px)}}.ccs-bundles-banner-offer{display:inline-flex;align-items:center;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ccs-bb-offer-color, #022618);background:var(--ccs-bb-offer-bg, #fbc408);padding:7px 16px;border-radius:6px}@media(min-width:750px){.ccs-bundles-banner-offer{font-size:14px}}.ccs-bundles-banner-supporting{margin:0;font-size:15px;line-height:1.5;color:var(--ccs-bb-supporting-color, #eaf3ee);max-width:46ch}@media(min-width:750px){.ccs-bundles-banner-supporting{font-size:16px}}.ccs-bundles-banner-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:13px 28px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;letter-spacing:.03em;text-transform:none;text-decoration:none;border-radius:8px;background:var(--ccs-bb-btn-bg, #fbc408);color:var(--ccs-bb-btn-color, #022618);border:2px solid var(--ccs-bb-btn-bg, #fbc408);transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .15s ease}.ccs-bundles-banner-btn:hover{background:var(--ccs-bb-btn-bg-hover, #ffd84d);border-color:var(--ccs-bb-btn-bg-hover, #ffd84d);transform:translateY(-1px)}.ccs-bundles-banner-btn--outline{background:transparent;color:var(--ccs-bb-btn-bg, #fbc408);border-color:var(--ccs-bb-btn-bg, #fbc408)}.ccs-bundles-banner-btn--outline:hover{background:var(--ccs-bb-btn-bg, #fbc408);color:var(--ccs-bb-btn-color, #022618)}@media(prefers-reduced-motion:reduce){.ccs-bundles-banner-btn{transition:none}}@media(max-width:749px){.ccs-bundles-banner:not([data-height-mode-mobile=image])[data-vertical-align-mobile=top]{align-items:flex-start;padding-top:max(var(--ccs-bb-pt-m, 0),32px)}.ccs-bundles-banner:not([data-height-mode-mobile=image])[data-vertical-align-mobile=bottom]{align-items:flex-end;padding-bottom:max(var(--ccs-bb-pb-m, 0),32px)}.ccs-bundles-banner[data-height-mode-mobile=image]{display:grid;min-height:0;align-items:stretch}.ccs-bundles-banner[data-height-mode-mobile=image] .ccs-bundles-banner-media,.ccs-bundles-banner[data-height-mode-mobile=image] .ccs-bundles-banner-container{grid-area:1 / 1}.ccs-bundles-banner[data-height-mode-mobile=image] .ccs-bundles-banner-media{position:relative;inset:auto}.ccs-bundles-banner[data-height-mode-mobile=image] .ccs-bundles-banner-media picture,.ccs-bundles-banner[data-height-mode-mobile=image] .ccs-bundles-banner-media img{height:auto;min-height:100%}.ccs-bundles-banner[data-height-mode-mobile=image] .ccs-bundles-banner-container{align-self:center;padding-top:20px;padding-bottom:20px}.ccs-bundles-banner[data-height-mode-mobile=image][data-vertical-align-mobile=top] .ccs-bundles-banner-container{align-self:start}.ccs-bundles-banner[data-height-mode-mobile=image][data-vertical-align-mobile=bottom] .ccs-bundles-banner-container{align-self:end}}@media(min-width:750px){.ccs-bundles-banner:not([data-height-mode=image])[data-vertical-align=top]{align-items:flex-start;padding-top:max(var(--ccs-bb-pt-d, 0),32px)}.ccs-bundles-banner:not([data-height-mode=image])[data-vertical-align=bottom]{align-items:flex-end;padding-bottom:max(var(--ccs-bb-pb-d, 0),32px)}.ccs-bundles-banner[data-height-mode=image]{display:grid;min-height:0;align-items:stretch}.ccs-bundles-banner[data-height-mode=image] .ccs-bundles-banner-media,.ccs-bundles-banner[data-height-mode=image] .ccs-bundles-banner-container{grid-area:1 / 1}.ccs-bundles-banner[data-height-mode=image] .ccs-bundles-banner-media{position:relative;inset:auto}.ccs-bundles-banner[data-height-mode=image] .ccs-bundles-banner-media picture,.ccs-bundles-banner[data-height-mode=image] .ccs-bundles-banner-media img{height:auto;min-height:100%}.ccs-bundles-banner[data-height-mode=image] .ccs-bundles-banner-container{align-self:center;padding-top:20px;padding-bottom:20px}.ccs-bundles-banner[data-height-mode=image][data-vertical-align=top] .ccs-bundles-banner-container{align-self:start}.ccs-bundles-banner[data-height-mode=image][data-vertical-align=bottom] .ccs-bundles-banner-container{align-self:end}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-bundles-banner.css.map */