.hair-concerns{padding:56px 0 64px;--hc-items: var(--hc-items-mobile, 2);--hc-gap: 24px}@media screen and (min-width:750px){.hair-concerns{--hc-items: var(--hc-items-tablet, 4);--hc-gap: 32px}}@media screen and (min-width:990px){.hair-concerns{--hc-items: var(--hc-items-desktop, 6);--hc-gap: 40px}}.hair-concerns__container{margin:0 auto;position:relative}.hair-concerns__header{position:relative;text-align:center;margin-bottom:40px}.hair-concerns__heading-group{max-width:640px;margin:0 auto}.hair-concerns__heading{font-size:42px;font-weight:500;letter-spacing:.01em;color:var(--hc-heading, #1C1B19);margin:0 0 8px}.hair-concerns__subheading{font-size:14px;letter-spacing:.03em;color:var(--hc-text, #3A362F);opacity:.75;margin:0}.hair-concerns__nav{position:absolute;top:4px;right:0;display:flex;gap:8px}.hair-concerns__nav[hidden]{display:none}.hair-concerns__nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--hc-circle-border, #C9A96A);background:transparent;color:var(--hc-heading, #1C1B19);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease;padding:0}.hair-concerns__nav-btn:hover{background:var(--hc-accent, #C9A96A);color:#fff}.hair-concerns__nav-btn:disabled{opacity:.35;cursor:default}.hair-concerns__nav-btn:disabled:hover{background:transparent;color:var(--hc-heading, #1C1B19)}.hair-concerns__list{display:flex;align-items:flex-start;justify-content:center;gap:var(--hc-gap);list-style:none;margin:0;padding:4px 4px 12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.hair-concerns__list::-webkit-scrollbar{display:none}.hair-concerns__list.is-scrollable{justify-content:flex-start}.hair-concerns__item{flex:0 0 auto;width:calc((100% - (var(--hc-items) - 1) * var(--hc-gap)) / var(--hc-items));scroll-snap-align:start}.hair-concerns__link{display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;color:inherit}.hair-concerns__circle{width:64px;height:64px;max-width:100%;border-radius:50%;background:var(--hc-circle-bg, #F8F5EF);display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease,transform .2s ease}.hair-concerns__link:hover .hair-concerns__circle{box-shadow:0 0 0 3px #c9a96a2e;transform:translateY(-2px)}.hair-concerns__icon-img{object-fit:contain}.hair-concerns__icon-placeholder{width:28px;height:28px;border-radius:50%;border:1px dashed var(--hc-circle-border, #C9A96A);opacity:.5}.hair-concerns__label{font-size:16px;line-height:1.35;letter-spacing:.01em;color:var(--hc-text, #3A362F);text-align:center;font-weight:700}@media screen and (max-width:749px){.hair-concerns{padding:40px 0 48px}.hair-concerns__header{text-align:left}.hair-concerns__heading-group{margin:0;text-align:center;padding-right:0}.hair-concerns__heading{font-size:28px}.hair-concerns__nav{position:relative;justify-content:center;margin-top:10px}.hair-concerns__circle{width:64px;height:64px}}@media(max-width:990px){.hair-concerns__heading{font-size:36px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hair-concerns.css.map */