.bc-sub-banner{display:grid;grid-template-columns:var(--content-grid);background-color:var(--color-scheme-background);color:var(--color-scheme-text);width:100%;max-width:100%;padding-left:0;padding-right:0}.bc-sub-banner>.container,.bc-sub-banner>.container-fluid{grid-column:2}.bc-sub-banner__banner{position:relative;width:100%;aspect-ratio:16 / 7;overflow:hidden;background-color:var(--color-scheme-background);grid-column:1 / -1}.bc-sub-banner__banner-img{width:100%;height:100%;object-fit:cover;display:block}.bc-sub-banner__banner-placeholder{width:100%;height:100%;object-fit:cover}.bc-sub-banner__body{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.bc-sub-banner__images{position:relative;width:100%}.bc-sub-banner__image-back{position:relative;width:55%;aspect-ratio:3 / 4;border-radius:var(--bc-radius-lg);overflow:hidden;background-color:var(--color-scheme-background);box-shadow:0 8px 30px #00000014;z-index:1}.bc-sub-banner__image-front{position:absolute;bottom:8%;right:0;width:40%;aspect-ratio:3 / 4;border-radius:var(--bc-radius-lg);overflow:hidden;background-color:var(--color-scheme-background);box-shadow:0 12px 40px #0000001a;z-index:2}.bc-sub-banner__img{width:100%;height:100%;object-fit:cover;display:block}.bc-sub-banner__img-placeholder{width:100%;height:100%;object-fit:cover}.bc-sub-banner__content{display:flex;flex-direction:column;justify-content:center;gap:16px}.bc-sub-banner__heading{font-size:var(--bc-font-size-h3);color:var(--color-scheme-text);margin:0}.bc-sub-banner__text{color:var(--color-scheme-text);opacity:.75;font-size:var(--bc-font-size-base);line-height:1.75;margin:0}.bc-sub-banner__text:last-of-type{margin-bottom:8px}.bc-sub-banner__button{align-self:flex-start}@media screen and (max-width:991px){.bc-sub-banner__body{gap:32px}.bc-sub-banner__heading{font-size:var(--bc-font-size-h4)}}@media screen and (max-width:767px){.bc-sub-banner__banner{aspect-ratio:16 / 9}.bc-sub-banner__body{grid-template-columns:1fr;gap:32px}.bc-sub-banner__images{order:1;margin-bottom:24px}.bc-sub-banner__image-back{width:55%}.bc-sub-banner__image-front{width:40%;bottom:8%;right:0}.bc-sub-banner__content{order:2}.bc-sub-banner__heading{font-size:var(--bc-font-size-h4)}.bc-sub-banner__text{font-size:var(--bc-font-size-small)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-sub-banner.css.map */