.collection-banner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--card-corner-radius);box-shadow:var(--card-shadow);transition:transform .2s ease-out}.collection-banner img.banner-image{width:100%;height:98%;object-fit:cover;display:block;transition:transform .3s ease;border-radius:6px}.collection-banner:hover{transform:translateY(-5px)}.collection-banner a:hover img.banner-image{transform:scale(1.03)}.collection-banner-grid-item{height:100%;display:flex}@media screen and (min-width: 750px){#product-grid .collection-banner-grid-item{grid-column-end:span 2;margin-bottom:var(--grid-desktop-vertical-spacing)}.grid--4-col-desktop #product-grid .collection-banner-grid-item,#product-grid.grid--4-col-desktop .collection-banner-grid-item,.grid--3-col-desktop #product-grid .collection-banner-grid-item,#product-grid.grid--3-col-desktop .collection-banner-grid-item,.grid--2-col-desktop #product-grid .collection-banner-grid-item,#product-grid.grid--2-col-desktop .collection-banner-grid-item{grid-column-end:span 2}.collection-banner-grid-item .collection-banner{min-height:100%}}@media screen and (max-width: 749px){#product-grid .collection-banner-grid-item{grid-column:1 / -1;width:100%!important;margin-bottom:var(--grid-mobile-vertical-spacing)}}#product-grid{display:grid;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}@media screen and (min-width: 750px){#product-grid.grid--4-col-desktop,.grid--4-col-desktop #product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#product-grid.grid--3-col-desktop,.grid--3-col-desktop #product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#product-grid.grid--2-col-desktop,.grid--2-col-desktop #product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 749px){#product-grid.grid--2-col-tablet-down,.grid--2-col-tablet-down #product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}#product-grid.grid--1-col-tablet-down,.grid--1-col-tablet-down #product-grid{grid-template-columns:repeat(1,minmax(0,1fr));column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}}.grid--4-col-desktop .grid__item{width:calc(100% - var(--grid-desktop-horizontal-spacing) * 3 / 4)!important;max-width:calc(100% - var(--grid-desktop-horizontal-spacing) * 3 / 4)!important}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-collection-banners.css.map */