.collection-banner-wrapper{padding-bottom:24px}.collection-hero-wrapper{background:var(--color-teal);margin-top:8px}.collection-hero{background:var(--color-teal)}.collection-hero__inner{display:flex;flex-direction:column}.content-for-layout{background:var(--color-teal)}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}.float-image-right{display:none}.float-image-right img{max-width:400px}.count-products{background-color:#fed800;border-radius:8px;color:#3c4596;padding:1px 8px;font-weight:400;font-size:14px;line-height:24px;width:max-content;letter-spacing:0;rotate:-2deg;margin:-1px 0 0 16px}.collection-title-float-image-wrapper{position:relative;width:100%;display:flex;justify-content:space-between}.top-collection{display:flex;justify-content:space-between;align-items:start}.sub-collection{margin:16px 0 0}.sub-collection ul li{max-width:none!important}.sub-collection a{text-decoration:none;display:flex;align-items:center;justify-content:center;height:40px;white-space:nowrap;padding:0 20px}.sub-collection .image-wrapper{width:104px;height:104px;background-color:var(--color-yellow);margin-bottom:14px;display:none}.sub-collection p{font-weight:800;font-size:14px;line-height:20px;letter-spacing:0;text-align:center;color:var(--color-dark-green);font-family:var(--font-heading-family)}.sub-collection{padding-right:0;position:relative;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-hero-wrapper,.collection-hero-banner{max-width:100%;overflow:hidden}.sub-collection::-webkit-scrollbar{display:none}.sub-collection ul{margin-top:24px;display:flex;flex-wrap:nowrap}.sub-collection:not(.swiper-initialized) ul{gap:8px}.sub-collection slider-component{max-width:100%;display:block}.sub-collection .slider{width:100%;max-width:100%}.sub-collection ul li{border-radius:8px;flex-shrink:0}@media screen and (min-width: 750px){.collection-banner-wrapper{padding-bottom:40px}.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}.sub-collection:not(.swiper-initialized) ul{gap:16px}.sub-collection{margin:24px 0 0}.sub-collection a{height:48px;padding:0 32px}.sub-collection p{font-size:16px;line-height:24px}}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}.collection-hero__text-wrapper .collection-hero__title{letter-spacing:0;display:inline-block;font-size:32px;line-height:48px;color:#fff}}.collection-hero__title{font-size:24px;line-height:32px;letter-spacing:0;display:inline-block;color:#fff}.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))}.description-wrapper{padding-bottom:18px}.brand-page .description-wrapper{display:none}.description-sub-wrapper{max-width:976px;margin-left:auto}.description-sub-wrapper a{text-decoration:underline}.description-sub-wrapper ul{padding-left:10px}@media screen and (min-width: 750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.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}}.description-banner #read-more-toggle{display:none}.text-read-more{transition:max-height .3s ease;overflow:hidden;margin-bottom:18px;max-height:100px}.description-banner__text{height:max-content}.text-read-more p{margin-top:0}.text-read-more p:not(:last-child){margin-bottom:8px}.read-more-toggle{display:none}.read-more-btn{display:none;color:var(--color-colorforeground);cursor:pointer;text-decoration:underline;font-size:16px;font-weight:400;text-underline-offset:5%;margin-bottom:8px}.read-more-btn:hover{text-decoration:none}.active-read-more .read-more-btn{display:inline-block}.active-read-more .read-more-toggle:checked+.text-read-more{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;max-height:none;overflow:auto}.read-less-text{display:none}.active-read-more .read-more-toggle:checked~.read-more-btn .read-more-text{display:none}.active-read-more .read-more-toggle:checked~.read-more-btn .read-less-text{display:block}.brand-logo{margin:16px 0;max-width:208px}@media screen and (min-width: 990px){.text-read-more{max-height:unset}.active-read-more{margin-bottom:20px}.sub-collection{margin-left:auto}.sub-collection p{flex-grow:1}.brand-logo{margin:30px 0;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(16%) hue-rotate(208deg) brightness(104%) contrast(100%)}.float-image-right{display:block;padding-top:40px}.logo-description{margin-right:36px}.brand .collection-title-float-image-wrapper{display:flex;justify-content:space-between}.text-read-more{max-height:140px}}@media screen and (min-width: 1300px){.float-image-right img{max-width:580px}.sub-collection .image-wrapper{display:none}.description-wrapper{padding-bottom:46px}}@media screen and (max-width: 749px){.collection-hero-wrapper{max-width:100vw;overflow-x:hidden}.sub-collection.page-width{padding-left:0;padding-right:0;max-width:100vw;width:100vw}.sub-collection ul{margin-top:16px;padding-left:0}.sub-collection ul li{flex-shrink:0}}.sub-collection .slider{cursor:grab;-webkit-user-select:none;user-select:none}.sub-collection .slider.dragging{cursor:grabbing;scroll-behavior:auto}.sub-collection .slider.dragging a{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-hero.css.map */