.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width:750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero--with-image .collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__breadcrumb{margin-bottom:1.2rem}@media screen and (max-width:749px){.collection-hero--breadcrumb-hidden-mobile .collection-hero__breadcrumb{display:none}}.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center;gap:.8rem;font-size:1.2rem;line-height:calc(1 + .4 / var(--font-body-scale))}.breadcrumb__link{text-decoration:none;opacity:.75;transition:opacity .2s ease}.breadcrumb__link:hover{opacity:1;text-decoration:underline;text-underline-offset:.3rem}.breadcrumb__separator{opacity:.5}.breadcrumb__current{opacity:.85}.collection-hero__title{margin:4.5rem 0;text-align:center}.collection-hero--with-image .collection-hero__title{margin:0 0 1.5rem;text-align:left}@media screen and (max-width:749px){.collection-hero--with-image .collection-hero__title{font-size:2.5rem;margin:1rem 0 0rem;text-align:center}}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.4rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.4rem;margin-top:2rem;margin-bottom:2rem}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__text-wrapper{padding:3rem 0}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));overflow:hidden}.collection-hero__image-container.media{background-color:transparent}.collection-hero__image-container.media>img{position:static;top:auto;left:auto;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center}.collection-hero__image-container img{height:auto}.collection-hero__image-container picture{display:block;width:100%}.collection-hero__image-container picture>img{position:static;top:auto;left:auto;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{align-self:flex-start;flex:1 0 50%;margin-left:3rem;min-height:0}}.collection-hero__description-wrapper{position:relative}.collection-hero__description--collapsed{display:-webkit-box;-webkit-line-clamp:var(--max-lines, 3);-webkit-box-orient:vertical;overflow:hidden;transition:max-height .3s ease-out}.collection-hero__description--expanded{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}.collection-hero__description-toggle{margin-top:1rem;padding:0;background:none;border:none;cursor:pointer;font-size:inherit;text-decoration:underline;text-underline-offset:.3rem;transition:opacity .2s ease;display:inline-flex;align-items:center;gap:.5rem}.collection-hero__description-toggle:hover{opacity:.7}.collection-hero__description-toggle:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.collection-hero__description-toggle-icon{display:inline-flex;align-items:center;transition:transform .3s ease}.collection-hero__description-toggle[aria-expanded=true] .collection-hero__description-toggle-icon{transform:rotate(180deg)}.collection-hero__description-toggle-icon .icon{width:1rem;height:1rem}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-collection-hero.css.map */