.banner{height:calc(100vh - var(--header-height, 0px));min-height:0!important;max-height:calc(100vh - var(--header-height, 0px) - 60px);overflow:hidden}.banner.banner--has-products .banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;opacity:inherit;z-index:1}.banner.banner--has-products{flex-direction:column!important}.banner.banner--has-products .banner__content{flex:1 1 auto;min-height:0;overflow:hidden}.banner__products{flex:0 0 30vh;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;z-index:3;padding:2px}.banner__products-grid{flex:1 1 auto;display:grid;overflow:hidden;gap:2px;grid-template-columns:repeat(var(--bp-cols, 6),1fr);grid-template-rows:repeat(var(--bp-rows, 1),1fr)}@media screen and (min-width:750px){.banner__products-grid{gap:10px}.banner__products{padding:10px}}.banner__products-item{position:relative;overflow:hidden;display:block}.banner__products-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.banner__products-item:hover img{transform:scale(1.06)}.banner__products-item-info{position:absolute;bottom:0;left:0;right:0;background-color:#0d0d0d70;display:flex;flex-direction:column}.banner__products-item-title{padding:.3rem .5rem;color:#fff;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner__products-item-meta{display:flex;justify-content:space-between;align-items:center;padding:.2rem .5rem;color:#fff;font-size:.9rem}.banner__products-item-arrow svg{width:1.2rem;height:1.2rem;fill:currentColor}.banner__products-viewall{flex-shrink:0;display:block;text-align:center;padding:.4rem 1rem;font-size:1rem;color:#fffc;text-decoration:none;background:#00000080;transition:background .2s ease,color .2s ease}.banner__products-viewall:hover{background:#000000bf;color:#fff}.banner.banner--has-products:after{display:none}.banner.banner--has-products .banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.banner__products-grid--mobile{display:none}@media screen and (max-width:749px){.banner__products-grid--desktop{display:none}.banner__products-grid--mobile{display:grid;grid-template-columns:repeat(var(--bp-cols, 3),1fr);grid-template-rows:repeat(var(--bp-rows, 2),1fr)}.banner__products{flex:0 0 30vh}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-new-arrivals-image-banner.css.map */
