.section-shop-by-hair-type{position:relative;overflow:hidden}.section-shop-by-hair-type:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background-color:#b6cfd040}.section-shop-by-hair-type .shop-by-hair-type-title{font-size:3.2rem;margin-top:0;margin-bottom:3rem}.shop-by-hair-type-card{display:block;border:2px solid transparent}@media screen and (min-width: 990px){.shop-by-hair-type-card:hover{border:2px solid #101820;outline:none;box-shadow:none}}.shop-by-hair-type-card:focus,.shop-by-hair-type-card:focus-visible{border:2px solid #101820;outline:none;box-shadow:none}.section-shop-by-hair-type .shop-by-hair-type-card-image-content{width:100%;position:absolute;z-index:1;left:50%;bottom:0;transform:translate(-50%);padding:1.2rem 0;background:#e0ceaa;border-bottom-left-radius:1.2rem;border-bottom-right-radius:1.2rem}.section-shop-by-hair-type .shop-by-hair-type-card-image-content h3{font-size:1.6rem;letter-spacing:.14rem;text-transform:uppercase;margin:0}.section-shop-by-hair-type .shop-by-hair-type-card-button{font-weight:600;font-size:1.4rem;min-width:17rem;text-transform:uppercase;letter-spacing:.14rem}.section-shop-by-hair-type .shop-by-hair-type-card{border-radius:calc(var(--product-card-corner-radius) + .2rem);background:transparent}.section-shop-by-hair-type .shop-by-hair-type-card-button:after{box-shadow:none}.section-shop-by-hair-type .shop-by-hair-type-card .media{height:100%;overflow:hidden;border-radius:var(--product-card-corner-radius)}.section-shop-by-hair-type .shop-by-hair-type--bottom-content{margin-top:6rem}.section-shop-by-hair-type .shop-by-hair-type--bottom-button{font-weight:600;text-transform:uppercase;font-size:1.4rem;letter-spacing:.14rem}.section-shop-by-hair-type .shop-by-hair-type--bottom-heading{max-width:50rem;font-size:2.6rem;line-height:3.6rem;margin:0 auto 1.5rem}.section-shop-by-hair-type .shop-by-hair-type--bottom-description{color:#101820;margin-bottom:3rem;font-size:1.6rem}.shop-by-hair-type-right-vector{position:absolute;top:50%;right:0}.shop-by-hair-type-left-vector{position:absolute;left:0;bottom:0}@media screen and (max-width: 749px){.section-shop-by-hair-type .shop-by-hair-type-title{font-size:2.6rem;margin-bottom:2rem}.section-shop-by-hair-type .shop-by-hair-type-card{height:35rem}.shop-by-hair-type-right-vector{top:unset;bottom:10%;max-width:15rem}.shop-by-hair-type-left-vector{max-width:25rem;bottom:-5rem}.section-shop-by-hair-type .shop-by-hair-type--bottom-heading{font-size:2.2rem;line-height:3rem}.section-shop-by-hair-type .shop-by-hair-type--bottom-heading,.section-shop-by-hair-type .shop-by-hair-type--bottom-description{padding:0 3rem}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/section-shop-by-hair-type.css.map */