.hlt,.hlp,.hlr{--hl-accent:var(--red-color,#a30d0d);--hl-border:#e6e1e1;--hl-radius:28px;--hl-text:#1d1d1d;--hl-muted:#5c5c5c;color:var(--hl-text)}.hlt__head,.hlp__head,.hlr__head{max-width:780px;margin:0 auto 38px;text-align:center}.hlt__desc,.hlp__desc,.hlr__desc{margin:12px auto 0;color:var(--hl-muted);font-size:clamp(14px,1.25vw,18px);line-height:1.5}.hlt__title,.hlp__title,.hlr__title{margin:0;font-style:italic}.hl-steps{list-style:none;margin:0 auto 44px;padding:0;display:flex;max-width:560px}.hl-steps__item{flex:1;position:relative;text-align:center}.hl-steps__item:before{content:"";position:absolute;top:19px;left:calc(-50% + 26px);right:calc(50% + 26px);height:2px;background:#e3dede;transition:background .4s}.hl-steps__item:first-child:before{display:none}.hl-steps__item.is-done:before,.hl-steps__item.is-current:before{background:var(--hl-accent)}.hl-steps__link{display:flex;flex-direction:column;align-items:center;gap:10px;color:#8b8686;text-decoration:none}.hl-steps__dot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid #d9d3d3;background:#fff;font-size:15px;font-weight:700;line-height:1;transition:all .3s}.hl-steps__label{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hl-steps__item.is-done .hl-steps__dot{background:var(--hl-accent);border-color:var(--hl-accent);color:#fff}.hl-steps__item.is-done .hl-steps__link{color:var(--hl-text)}a.hl-steps__link:hover .hl-steps__dot{transform:scale(1.08)}.hl-steps__item.is-current .hl-steps__dot{border-color:var(--hl-accent);color:var(--hl-accent);box-shadow:0 0 0 6px #a30d0d1f}.hl-steps__item.is-current .hl-steps__link{color:var(--hl-text);font-weight:700}.hl-context{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 auto 6px}.hl-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;border:1px solid var(--hl-border);border-radius:99px;background:#fff;font-size:15px;line-height:1.2;color:var(--hl-text);text-decoration:none}.hl-pill__img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#f3f0ee;flex:none}.hl-pill__txt small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hl-muted)}.hl-pill__txt strong{font-weight:700}.hl-pill__change{margin-left:4px;padding:8px 14px;border-radius:99px;background:#f6f1f1;color:var(--hl-accent);font-size:13px;text-decoration:none;transition:background .3s,color .3s}.hl-pill__change:hover{background:var(--hl-accent);color:#fff}.hl-pill[hidden]{display:none}.hlt__grid{display:grid;grid-template-columns:repeat(var(--hl-cols,3),minmax(0,1fr));gap:32px}.hlt__card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--hl-border);border-radius:var(--hl-radius);background:var(--hl-card-bg,#fff);overflow:hidden;color:inherit;text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s}.hlt__card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #0000001f;border-color:var(--hl-accent)}.hlt__media{position:relative;aspect-ratio:var(--hl-ratio,4/5);overflow:hidden;background:#f3f0ee}.hlt__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.hlt__card:hover .hlt__media img{transform:scale(1.06)}.hlt__num{position:absolute;top:16px;left:16px;padding:7px 14px;border-radius:99px;background:#ffffffeb;color:var(--hl-text);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.hlt__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 24px 26px}.hlt__row{display:flex;justify-content:space-between;align-items:center;gap:14px}.hlt__name{margin:0;font-size:clamp(20px,1.9vw,27px);line-height:1.15}.hlt__arrow{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--hl-accent);transition:transform .3s}.hlt__arrow svg{width:18px;height:18px;transition:transform .3s}.hlt__card:hover .hlt__arrow svg{transform:rotate(45deg)}.hlt__text{margin:0;color:var(--hl-muted);font-size:15px;line-height:1.5}.hlt__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:auto;padding-top:14px;border-top:1px solid var(--hl-border);font-size:14px;color:var(--hl-text)}.hlt__meta span{display:inline-flex;gap:6px}.hlt__meta b{font-weight:700}.hlt__cta{margin-top:6px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--hl-accent);font-weight:700}.hlp__list{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.hlp__list>li{flex:0 1 164px;min-width:0;display:flex}.hlp__chip{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:26px 14px 22px;border:1px solid var(--hl-border);border-radius:var(--hl-radius);background:var(--hl-chip-bg,#fff);color:inherit;text-decoration:none;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s}.hlp__chip:hover,.hlp__chip:focus-visible{background:var(--hl-accent);border-color:var(--hl-accent);color:#fff;transform:translateY(-5px);box-shadow:0 16px 32px #00000029}.hlp__num{font-family:var(--font-heading-family);font-size:clamp(32px,3.4vw,46px);font-style:italic;line-height:1}.hlp__unit{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.hlp__meta{margin-top:8px;font-size:13px;line-height:1.3;opacity:.85;text-align:center}.hlp__meta+.hlp__meta{margin-top:2px}.hlp__empty{text-align:center;color:var(--hl-muted)}.hlr__grid{display:grid;grid-template-columns:repeat(var(--hl-cols,3),minmax(0,1fr));gap:36px 28px}.hlr__card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--hl-border);border-radius:var(--hl-radius);background:var(--hl-card-bg,#fff);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.hlr__card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0000001a}.hlr__card.is-added{border-color:var(--hl-accent)}.hlr__media{position:relative;display:block;aspect-ratio:var(--hl-ratio,1/1);overflow:hidden;background:#f3f0ee}.hlr__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.hlr__card:hover .hlr__media img{transform:scale(1.05)}.hlr__badge{position:absolute;top:14px;left:14px;padding:6px 14px;border-radius:99px;background:var(--hl-accent);color:#fff;font-size:13px;line-height:1;letter-spacing:.04em}.hlr__tag{position:absolute;right:14px;bottom:14px;padding:7px 14px;border-radius:99px;background:#fffffff0;font-size:13px;font-weight:700}.hlr__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:20px 22px 24px}.hlr__name{margin:0;font-size:clamp(18px,1.6vw,23px);line-height:1.2}.hlr__name a{color:inherit;text-decoration:none}.hlr__variant{margin:0;font-size:14px;color:var(--hl-muted)}.hlr__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:6px 0 10px;font-size:21px;font-weight:700;color:var(--hl-text)}.hlr__price s{font-size:15px;font-weight:400;color:var(--hl-muted)}.hlr__actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.hlr__add{width:100%;justify-content:center;cursor:pointer;font-family:inherit}.hlr__add:disabled{opacity:.55;cursor:not-allowed}.hlr__add.is-loading{opacity:.75;pointer-events:none}.hlr__view{text-align:center;font-size:14px;color:var(--hl-muted);text-decoration:underline;text-underline-offset:3px}.hlr__view:hover{color:var(--hl-accent)}.hlr__msg{max-width:560px;margin:10px auto 0;text-align:center;color:var(--hl-muted);font-size:17px}.hlr__msg .primary-btn{margin-top:18px}.hlr__error{max-width:560px;margin:18px auto 0;padding:12px 16px;border:1px solid var(--hl-accent);border-radius:12px;color:var(--hl-accent);text-align:center;font-size:15px}.hlr__grid[hidden],.hlr__msg[hidden],.hlr__error[hidden]{display:none}.hlr__skeleton{height:430px;border-radius:var(--hl-radius);background:linear-gradient(100deg,#eee 30%,#f7f7f7,#eee 70%) 0 0/200% 100%;animation:hlShimmer 1.2s linear infinite}@keyframes hlShimmer{to{background-position:-200% 0}}@media(min-width:993px){.hlr__grid:has(.hlr__card:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}}@media(max-width:992px){.hlt__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hlr__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}}@media(max-width:600px){.hlt__grid,.hlr__grid{grid-template-columns:1fr}.hlt__body{padding:18px 18px 22px}.hlp__list{gap:12px}.hlp__list>li{flex:0 1 calc(50% - 6px)}.hlp__chip{padding:20px 10px 18px}.hlr__body{padding:18px 18px 22px}.hl-steps{margin-bottom:34px}.hl-steps__dot{width:36px;height:36px}.hl-steps__item:before{top:17px}.hl-steps__label{font-size:11px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.hlt__card,.hlt__media img,.hlp__chip,.hlr__card,.hlr__media img,.hlr__skeleton{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hair-length.css.map */