.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;overflow-x:auto;gap:20px;border-top:1px solid var(--color-border);padding:30px 0;scroll-snap-type:x mandatory}.collection-banner--subcollection{display:flex;flex:0 0 132px;flex-direction:column;gap:10px;align-items:center;text-align:center;scroll-snap-align:start;white-space:normal;font-size:.875rem;line-height:1.2;font-weight:var(--font-body-medium-weight, 500)}@media only screen and (min-width:768px){.collection-banner--subcollection{flex-basis:152px}}.collection-banner--subcollection-image{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden}.collection-banner--subcollection-image img,.collection-banner--subcollection-image .thb-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s cubic-bezier(.104,.204,.492,1)}.collection-banner--subcollection:hover img,.collection-banner--subcollection:focus img{transform:scale(1.05)}.collection-banner hr{margin:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-banner.css.map */