.hair-card{display:flex;flex-direction:column;height:100%}.hair-card__media-link{display:block;text-decoration:none}.hair-card__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;border:1px solid #1d282b;background:#f2f2f0}.hair-card__img{width:100%;height:100%;object-fit:cover;display:block}.hair-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s ease}@media(hover:hover){.hair-card__media:hover .hair-card__img--secondary{opacity:1}}.hair-card__badge{position:absolute;top:1rem;left:1rem;z-index:2;font-size:.95rem;font-weight:800;letter-spacing:.14em;padding:.5rem .9rem;line-height:1}.hair-card__badge--gold{background:#c9a951;color:#2e2812}.hair-card__badge--new{background:#2b3d42;color:#fff}.hair-card__badge--soldout{background:#9aa5a5;color:#fff}.hair-card__title{margin:1.4rem 0 .3rem;font-size:1.45rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hair-card__title a{color:#26383d;text-decoration:none}.hair-card__title a:hover{text-decoration:underline;text-underline-offset:.3rem}.hair-card__desc{margin:0 0 .8rem;font-size:1.2rem;color:#68767a;line-height:1.5}.hair-card__priceline{display:flex;align-items:baseline;gap:1rem;margin-bottom:.9rem}.hair-card__price{font-size:1.4rem;font-weight:700;color:#2b3d42;font-variant-numeric:tabular-nums}.hair-card__shades{font-size:1.15rem;color:#917b3d;font-weight:700;letter-spacing:.04em}.hair-card__swatches{display:flex;align-items:center;gap:.5rem;margin-bottom:1.4rem}.hair-card__sw{width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid rgba(0,0,0,.18);background-size:cover;background-position:center;flex-shrink:0}.hair-card__sw-more{font-size:1.05rem;color:#8a8474;font-weight:700;letter-spacing:.04em}.hair-card__cta{display:block;margin-top:auto;text-align:center;border:1px solid #2b3d42;background:transparent;color:#2b3d42;font-size:1.15rem;font-weight:800;letter-spacing:.16em;padding:1.2rem 0;text-decoration:none;transition:background .15s ease,color .15s ease}.hair-card__cta:hover{background:#2b3d42;color:#fff}.hair-strip-eyebrow{text-align:center;font-size:1.1rem;font-weight:800;letter-spacing:.22em;color:#917b3d;margin:0 0 .6rem;text-transform:uppercase}.hair-strip-heading{text-align:center;font-size:2.4rem;font-weight:800;color:#2e4046;margin:0 0 2.4rem;letter-spacing:.02em}.hair-methods__lede{max-width:74ch;margin:0 auto 3rem;text-align:center;font-size:1.45rem;color:#5b6a6d;line-height:1.7}.hair-methods__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe3e0;border:1px solid #dfe3e0}.hair-methods__cell{background:#f7f8f6;padding:1.8rem 1.8rem 1.6rem}.hair-methods__cell h3{margin:0 0 .6rem;font-size:1.25rem;font-weight:800;letter-spacing:.1em;color:#2b3d42;text-transform:uppercase}.hair-methods__cell p{margin:0 0 1rem;font-size:1.2rem;color:#61706f;line-height:1.55}.hair-methods__meta{display:flex;flex-direction:column;gap:.3rem;font-size:1.1rem;color:#8a8474}.hair-methods__meta b{color:#917b3d;font-weight:700;letter-spacing:.05em}@media screen and (max-width:989px){.hair-methods__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:599px){.hair-methods__grid{grid-template-columns:1fr}}.hair-colorbook{background:#2b3d42;color:#f2efe6}.hair-colorbook__inner{display:grid;grid-template-columns:30rem 1fr;gap:4rem;align-items:center;padding:4.4rem 0}.hair-colorbook__photo{border:1px solid rgba(255,255,255,.25);aspect-ratio:4 / 3;overflow:hidden}.hair-colorbook__photo img{width:100%;height:100%;object-fit:cover;display:block}.hair-colorbook__eyebrow{font-size:1.05rem;font-weight:800;letter-spacing:.24em;color:#c9a951;margin:0 0 1rem;text-transform:uppercase}.hair-colorbook__heading{font-size:2.6rem;font-weight:800;letter-spacing:.03em;margin:0 0 1rem;color:#f2efe6}.hair-colorbook__text{margin:0 0 1.8rem;font-size:1.35rem;color:#c7cec9;max-width:52ch;line-height:1.7}.hair-colorbook__cta{display:inline-block;border:1px solid #C9A951;color:#c9a951;font-size:1.15rem;font-weight:800;letter-spacing:.16em;padding:1.2rem 2.2rem;text-decoration:none;transition:background .15s ease,color .15s ease}.hair-colorbook__cta:hover{background:#c9a951;color:#2b3d42}@media screen and (max-width:749px){.hair-colorbook__inner{grid-template-columns:1fr;gap:2.2rem}}.hair-proof__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem}.hair-proof__grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}.hair-proof__quote{background:#f7f8f6;border-top:2px solid #C9A951;padding:2rem 2rem 1.6rem}.hair-proof__quote p{margin:0 0 1.2rem;font-size:1.3rem;color:#4a595c;line-height:1.65;font-style:italic}.hair-proof__who{font-size:1.1rem;font-weight:800;letter-spacing:.1em;color:#2b3d42;text-transform:uppercase}.hair-proof__role{font-size:1.05rem;color:#8a8474;letter-spacing:.06em}@media screen and (max-width:749px){.hair-proof__grid{grid-template-columns:1fr}}.hair-faq{max-width:76rem;margin:0 auto}.hair-faq details{border-bottom:1px solid #dfe3e0}.hair-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.6rem .4rem;font-size:1.35rem;font-weight:700;color:#2e4046;letter-spacing:.02em}.hair-faq summary::-webkit-details-marker{display:none}.hair-faq summary:after{content:"+";font-size:1.8rem;color:#917b3d;font-weight:600;flex-shrink:0}.hair-faq details[open] summary:after{content:"\2013"}.hair-faq details>div{margin:0;padding:0 .4rem 1.8rem;font-size:1.3rem;color:#5b6a6d;line-height:1.7;max-width:66ch}
/*# sourceMappingURL=/cdn/shop/t/60/assets/collection-hair-extras.css.map */