.template-blog .collection-banner{margin-bottom:30px}.collection-banner--inner{display:flex;flex-direction:column;position:relative}.collection-banner--image{width:100%}@media only screen and (min-width:768px){.collection-banner--image{max-width:600px;margin-left:auto;margin-top:0}}.collection-banner--content{display:grid;padding:20px 0;position:relative;z-index:5;gap:20px;font-size:.875rem;justify-content:space-between}.collection-banner--content .collection-banner--image{max-width:100%}.collection-banner--content .collection-banner--image img{width:100%;height:auto;object-fit:cover;object-position:center}.collection-banner--content-width-small .collection-banner--image img{aspect-ratio:1/1}.collection-banner--content-width-standard.banner-layout-image-left{grid-template-columns:400px 1fr}.collection-banner--content-width-small.banner-layout-image-left{grid-template-columns:200px 1fr}.collection-banner--content.banner-layout-image-left .collection-banner--content-inner{order:2}.collection-banner--content.banner-layout-image-left .collection-banner--image{order:1}@media only screen and (min-width:768px){.collection-banner--content{gap:40px}}.collection-banner--content-inner>*:last-child{margin-bottom:0}@media only screen and (min-width:768px){.collection-banner--content{grid-template-columns:1fr 1fr;font-size:1rem}}.collection-banner--content.collection-banner--content-width-wide.banner-layout-image-left.no-image{grid-template-columns:1fr!important}@media only screen and (min-width:768px){.collection-banner--content-width-standard{grid-template-columns:1fr 400px}}@media only screen and (min-width:768px){.collection-banner--content-width-small{grid-template-columns:1fr 200px}}.collection-banner--content .searchform{margin-top:20px}.collection-banner--content p{font-size:inherit;color:inherit;margin-bottom:5px}.collection-banner--description>*:last-child{margin-bottom:0}.collection-banner .max-height{margin-top:0;padding-left:0;padding-right:0;padding-top:0;background:none;font-size:1rem}.collection-banner .max-height--active{padding-bottom:35px}.collection-banner .max-height--toggle{left:0;right:0;padding-bottom:0}.collection-banner--title{margin-bottom:24px}.collection-banner--title span{margin-right:15px}.collection-banner--count{font-size:.875rem;opacity:.6}.collection-banner--subcollections{display:flex;white-space:nowrap;overflow-x:auto;gap:10px;border-top:1px solid var(--color-border);padding:14px 0}.collection-banner hr{margin:0}
/*# sourceMappingURL=/cdn/shop/t/6/assets/collection-banner.css.map */
