@media screen and (max-width:989px){html[data-template=collection] #product-grid .grid__item{max-width:unset!important}}@media screen and (min-width:990px){html[data-template=collection] #product-grid #banner-1,html[data-template=collection] #product-grid #banner-2,html[data-template=collection] #product-grid #banner-3{width:calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}:is(html[data-template=collection] #product-grid #banner-1,html[data-template=collection] #product-grid #banner-2,html[data-template=collection] #product-grid #banner-3)[data-banner-placement=mobile]{display:none!important}}@media screen and (max-width:989px){html[data-template=collection] #product-grid #banner-1,html[data-template=collection] #product-grid #banner-2,html[data-template=collection] #product-grid #banner-3{width:100%}:is(html[data-template=collection] #product-grid #banner-1,html[data-template=collection] #product-grid #banner-2,html[data-template=collection] #product-grid #banner-3)[data-banner-placement=desktop]{display:none!important}:is(html[data-template=collection] #product-grid #banner-1,html[data-template=collection] #product-grid #banner-2,html[data-template=collection] #product-grid #banner-3) .collection-banner-wrapper .img-wrapper{position:relative}:is(html[data-template=collection] #product-grid #banner-1,html[data-template=collection] #product-grid #banner-2,html[data-template=collection] #product-grid #banner-3) .collection-banner-wrapper .img-wrapper picture,:is(html[data-template=collection] #product-grid #banner-1,html[data-template=collection] #product-grid #banner-2,html[data-template=collection] #product-grid #banner-3) .collection-banner-wrapper .img-wrapper img{height:auto}}html[data-template=collection] #product-grid .collection-banner-wrapper{position:relative;width:100%;height:100%}html[data-template=collection] #product-grid .collection-banner-wrapper .banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;align-items:flex-end;justify-content:center}html[data-template=collection] #product-grid .collection-banner-wrapper .banner-overlay .banner-overlay__content{padding-bottom:30px}@media screen and (max-width:550px){html[data-template=collection] #product-grid .collection-banner-wrapper .banner-overlay .banner-overlay__content{padding-bottom:24px}}html[data-template=collection] #product-grid .collection-banner-wrapper .banner-overlay .banner-overlay__content .banner-overlay__subheader{margin:0;color:#fff;font-family:var(--font-body-family);font-size:32px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.6px;text-align:center;text-transform:uppercase}@media screen and (max-width:750px)and (min-width:570px){html[data-template=collection] #product-grid .collection-banner-wrapper .banner-overlay .banner-overlay__content .banner-overlay__subheader{font-size:28px;letter-spacing:.5px}}html[data-template=collection] #product-grid .collection-banner-wrapper .banner-overlay .banner-overlay__content a{display:flex;align-items:center;justify-content:center;gap:10px;width:270px;border:1px solid #fff;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:700;line-height:14.4px;letter-spacing:1px;text-align:center;text-transform:uppercase}@media screen and (min-width:750px){html[data-template=collection] #product-grid .collection-banner-wrapper .banner-overlay .banner-overlay__content a{margin:16px 0 0}}@media screen and (max-width:750px){html[data-template=collection] #product-grid .collection-banner-wrapper .banner-overlay .banner-overlay__content a{margin:12px 0 0}}html[data-template=collection] #product-grid .collection-banner-wrapper .img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}html[data-template=collection] #product-grid .collection-banner-wrapper .img-wrapper picture{display:flex;width:100%;height:100%}html[data-template=collection] #product-grid .collection-banner-wrapper .img-wrapper picture img{width:100%;height:100%;object-fit:cover;object-position:center 25%}@media screen and (min-width:990px){html[data-template=collection] #product-grid #banner-1 .img-wrapper img{object-position:center}}@media screen and (max-width:550px){html[data-template=collection] #product-grid #banner-1 .banner-overlay__content{padding-bottom:12px}}@media screen and (min-width:990px){html[data-template=collection] #product-grid #banner-1 .banner-overlay__content{padding-bottom:24px}html[data-template=collection] #product-grid #banner-1 .banner-overlay__content .img-wrapper img{object-position:center}}html[data-template=collection] #product-grid #banner-1 .banner-overlay__content .banner-overlay__subheader{letter-spacing:.5px}@media screen and (max-width:569px){html[data-template=collection] #product-grid #banner-1 .banner-overlay__content .banner-overlay__subheader{font-size:16px}}@media screen and (min-width:569px)and (max-width:989px){html[data-template=collection] #product-grid #banner-1 .banner-overlay__content .banner-overlay__subheader{font-size:24px}}@media screen and (min-width:990px)and (max-width:1100px){html[data-template=collection] #product-grid #banner-1 .banner-overlay__content .banner-overlay__subheader{font-size:20px}}@media screen and (min-width:1101px){html[data-template=collection] #product-grid #banner-1 .banner-overlay__content .banner-overlay__subheader{font-size:24px}}html[data-template=collection]:has(grid-view-controller button.button.action-bar__item-button.active[data-mode=more]) .featured-collection-banner{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/190/assets/component-collection-banner.css.map */