.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}@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}}@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:10px}.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}.collection-banner--content-inner,.collection-banner--title,.collection-banner--title span,.collection-banner--description .max-height--inner-content.rte,.collection-banner .text-button--read-more,.collection-banner .text-button--read-less{color:inherit}.collection-banner .max-height--toggle:after{background:none!important}.collection-banner .max-height,.collection-banner .max-height--toggle{background:none!important}.collection-banner--overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;height:100%;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/64/assets/collection-banner.css.map */