.bh-wrapper--contained{display:block;width:100%;max-width:var(--bh-max-width, 1200px);margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box}.bh-wrapper--full_width{display:block;width:100%;max-width:100%;padding-left:0;padding-right:0;box-sizing:border-box}.bh-grid{display:grid;grid-template-columns:repeat(var(--bh-columns, 2),1fr);gap:var(--bh-gap, 16px);width:100%;box-sizing:border-box}.bh-banner{position:relative;height:var(--bh-height-desktop, 420px);border-radius:8px;overflow:hidden;display:flex;width:100%;min-width:0;box-sizing:border-box}.bh-valign-top{align-items:flex-start}.bh-valign-center{align-items:center}.bh-valign-bottom{align-items:flex-end}.bh-banner--empty{display:flex;align-items:center;justify-content:center;background:#eee;color:#666;text-align:center;padding:20px}.bh-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:24px;width:100%;box-sizing:border-box}.bh-tag{display:inline-block;padding:4px 10px;border-radius:4px;font-weight:600;line-height:1.2;width:fit-content}.bh-product-image{max-width:100%;height:auto;display:block;width:var(--bh-pw-desktop, 60%)}.bh-title{margin:0;line-height:1.2;font-weight:700}.bh-description{margin:0;line-height:1.4}.bh-button{display:inline-block;padding:10px 22px;border-radius:4px;text-decoration:none;font-weight:600;line-height:1.2;transition:opacity .2s ease}.bh-button:hover{opacity:.85}@media(min-width:750px){.bh-align-desktop-left{align-items:flex-start;text-align:left}.bh-align-desktop-center{align-items:center;text-align:center}.bh-align-desktop-right{align-items:flex-end;text-align:right}}@media(max-width:749px){.bh-grid--mobile-stack{grid-template-columns:1fr!important}.bh-grid--mobile-carousel{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bh-grid--mobile-carousel::-webkit-scrollbar{display:none}.bh-grid--mobile-carousel .bh-banner{flex:0 0 85%;scroll-snap-align:start}.bh-banner{height:var(--bh-height-mobile, 320px)}.bh-product-image{width:var(--bh-pw-mobile, 60%)}.bh-align-mobile-left{align-items:flex-start;text-align:left}.bh-align-mobile-center{align-items:center;text-align:center}.bh-align-mobile-right{align-items:flex-end;text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-hero-banner-multi.css.map */
