.desktop-only{display:block}.mobile-only{display:none}.collection-hero--with-custom-image .collection-hero__inner{display:flex;flex-direction:column;gap:2rem}.collection-hero__image{width:100%;height:auto;object-fit:cover;border-radius:var(--media-radius, 0)}.collection-hero__image-wrapper,.collection-desc-container{transition:all .3s ease}.collection-hero--with-custom-image .collection-desc-container.is-expanded{margin-bottom:2rem}@media screen and (max-width: 749px){.desktop-only{display:none}.mobile-only{display:block}.collection-hero--with-custom-image .collection-hero__inner{flex-direction:column;padding-left:0;padding-right:0;gap:16px}.collection-hero--with-custom-image .collection-hero__text-wrapper{order:1;max-width:100%;padding-left:15px;padding-right:15px}.collection-hero--with-custom-image .collection-hero__image-wrapper{order:2;max-width:100%;padding-bottom:16px}.collection-hero--with-custom-image .collection-desc-container.is-expanded~.collection-hero__image-wrapper{position:static;width:100%}.collection-hero--with-custom-image .collection-hero__title,.collection-hero--with-custom-image .collection-hero__description,.collection-hero--with-custom-image .collection-hero_caption,.collection-hero--with-custom-image .collection-desc-container *{text-align:center}.collection-hero--with-custom-image .collection-desc-container>ul{padding-left:22px!important}.collection-hero--with-custom-image .collection-desc-container ul li{text-align:left!important}}@media screen and (min-width: 750px){.template1-collection-banner.collection-hero--with-custom-image{padding-top:0;padding-bottom:0}.collection-hero--with-custom-image .collection-hero__text-wrapper{padding-top:40px;padding-bottom:40px;flex:1;max-width:50%}.collection-hero--with-custom-image .collection-hero__inner{flex-direction:row;align-items:flex-start;gap:3rem;max-width:none;padding-left:80px;padding-right:0}.collection-hero--with-custom-image .collection-hero__image-wrapper{flex:1;max-width:50%}.collection-hero__image{min-height:300px;object-fit:contain}.collection-hero--with-custom-image .collection-hero__title,.collection-hero--with-custom-image .collection-hero__description,.collection-hero--with-custom-image .collection-hero_caption{text-align:left}.collection-hero--with-custom-image .collection-desc-container *{text-align:left!important}}
/*# sourceMappingURL=/cdn/shop/t/414/assets/template1-collection-banner-enhanced.css.map */
