.collection{position:relative;padding:0 1.4rem}.collection-hero__inner{display:flex;flex-direction:column;padding:0 1.4rem}.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%;width:100%}.collection-hero__tabs{margin-top:clamp(35px,5vw,5.8rem)}.collection-hero__tabs-inner{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}@media screen and (min-width:750px){.collection-hero__tabs-inner{flex-direction:row}}.collection-hero__tabs .am-slider-filtro__tabs{flex:1;max-width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collection-hero__tabs .am-slider-filtro__tabs::-webkit-scrollbar{display:none}.collection-hero__tabs .am-slider-filtro__tab{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;font-size:1.5rem;line-height:1;padding:1.2rem 2rem}.collection-hero__filter{flex:1;max-width:10rem;white-space:nowrap;-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;font:inherit;letter-spacing:inherit;color:rgba(var(--color-foreground),1);text-transform:uppercase;cursor:pointer}@media screen and (max-width:749px){.collection-hero__filter{color:rgba(var(--color-foreground),.35)}.collection-hero--has-mobile-filter .collection-hero__filter--desktop{display:none}.collection-hero__tabs .am-slider-filtro__tab{text-transform:uppercase}}@media screen and (min-width:750px){.collection-hero__filter--mobile{display:none}}.collection-hero__filter:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.35);outline-offset:.4rem}.collection-hero__content{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title title" "desc desc" "count filter";column-gap:2rem;row-gap:1.4rem}.collection-hero__content .collection-hero__title{grid-area:title}.collection-hero__content .collection-hero__description{grid-area:desc}.collection-hero__content .collection-hero__count{grid-area:count;align-self:flex-end;margin-bottom:0}.collection-hero__content .collection-hero__filter--mobile{grid-area:filter;justify-self:end;align-self:end}.collection-hero__count{color:rgba(var(--color-foreground),.35);text-transform:none;font-size:1.4rem;margin:0}@media screen and (min-width:750px){.collection-hero__content{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title count" "desc desc";row-gap:1.6rem}.collection-hero__content .collection-hero__count{align-self:flex-end;margin-bottom:2rem}}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:3.5rem 0 0;font-size:clamp(30px,5vw,5rem);line-height:1;text-transform:uppercase}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale));max-width:80%}@media screen and (min-width:750px){.collection-hero__title{margin:6.4rem 0 2rem}.collection-hero__title+.collection-hero__description{font-size:1.6rem;margin-bottom:3.6rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.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))}@media screen and (max-width:749px){.collection-hero__image-container{height:20rem}}@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:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.collection .grid{margin-block-start:0!important}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-collection-hero.css.map */