.collection-hero{padding:45px 0;text-align:center;background-color:#82bcf7;position:relative}.collection-hero .left_img,.collection-hero .right_img{position:absolute;width:100%;height:100%;top:50%;transform:translateY(-50%)}.collection-hero .left_img{background:url(/cdn/shop/files/img-shop-title1_3ebaf4b4-1260-44aa-ac44-aaf2a3c33ec3.png) no-repeat left bottom / auto;left:0}.collection-hero .right_img{background:url(/cdn/shop/files/img-shop-title2-m.png) no-repeat right top / auto;right:0}.collection_sub{position:relative;z-index:9;display:flex;justify-content:center;align-items:center}.collection_sub li a{display:block;color:#fff;border:1px solid #fff;border-radius:22px;line-height:44px;width:150px;margin:0 10px;transition:.3s}.collection_sub li:nth-child(5) a{width:270px}.collection_sub li a.on,.collection_sub li a:hover{background:#fff;color:var(--main1);font-weight:700}.collection-hero__inner{display:flex;flex-direction:column;max-width:100%}.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{display:flex;flex-direction:column;align-items:center;flex-basis:100%}@media screen and (min-width: 990px){.collection-hero{padding:100px 0 115px}.collection-hero .left_img{background:url(/cdn/shop/files/img-shop-title1_646d2f9d-4758-4240-a7fd-e6e0243613c2.png) no-repeat left bottom / auto 100%;left:0}.collection-hero .right_img{background:url(/cdn/shop/files/img-shop-title2.png) no-repeat right center / auto 100%;right:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:0 0 20px;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))}@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}}.collection_sub_m{display:none}@media all and (max-width:990px){.collection_sub_m{display:inline-block;background:#fff;line-height:40px;color:var(--main1);padding:0 20px;min-width:175px;border-radius:20px;position:relative;z-index:1}.collection_sub_m span{color:var(--main1);font-weight:700;display:flex;justify-content:space-between;align-items:center}.collection_sub_m span:after{content:"";display:inline-block;margin-left:16px;vertical-align:middle;width:0;height:0;margin-top:3px;border-style:solid;border-width:6px;transform:translateY(3px);border-color:var(--main1) transparent transparent transparent}.collection_sub:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.collection_sub{position:fixed;bottom:0;left:0;width:100%;flex-wrap:wrap;padding:0;z-index:12;display:none}.collection_sub li{display:inline-block;width:100%;background:#fff}.collection_sub li a{display:flex;justify-content:center;align-items:center;color:var(--black1);border:none;border-radius:0;line-height:1;margin:0;width:100%;height:50px}.collection_sub li:first-child{border-radius:30px 30px 0 0}.collection_sub li:first-child a{margin-top:40px}.collection_sub li:last-child a{margin-bottom:40px}.collection_sub li a.on{background:#fff;color:var(--main1)}.collection_sub li:nth-child(5) a{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-collection-hero.css.map */
