.so-ct-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.so-ct{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--so-soft);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;isolation:isolate;transition:transform .4s var(--so-ease),box-shadow .4s}.so-ct:hover{transform:translateY(-6px);box-shadow:0 24px 50px #00000026}.so-ct>img,.so-ct>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:78%;object-fit:contain;padding:12%;z-index:-2;transition:transform .7s var(--so-ease)}.so-ct:hover>img,.so-ct:hover>svg{transform:scale(1.12) rotate(-3deg)}.so-ct:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#101010c7,#10101000 55%);z-index:-1;opacity:0;transition:opacity .4s}.so-ct:hover:after{opacity:1}.so-ct:hover b,.so-ct:hover em{color:#fff}.so-ct b{font-size:24px;letter-spacing:-.03em;line-height:1.05;transition:color .3s}.so-ct em{font-style:normal;font-size:14px;color:var(--so-mute);transition:color .3s}.so-ct__n{position:absolute;top:14px;left:14px;background:#fff;border:1px solid var(--so-line);font-size:12px;font-weight:700;padding:4px 10px}.so-ct i{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;background:var(--so-acc);color:#fff;display:grid;place-items:center;font-style:normal;transform:scale(0) rotate(-90deg);transition:transform .4s var(--so-ease)}.so-ct:hover i{transform:none}.so-bud{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch}.so-bud__s{background:var(--so-ink);color:#fff;padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center}.so-bud__s h3{margin:0;font-size:26px;letter-spacing:-.03em;line-height:1.1}.so-bud__s p{margin:0;color:#bbb}.so-bud__v{font-size:clamp(48px,6vw,80px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--so-acc)}.so-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--so-acc) var(--p,20%),#444 var(--p,20%));outline:none}.so-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--so-acc);cursor:grab;transition:transform .2s}.so-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.so-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--so-acc)}.so-bud__t{display:grid;grid-template-columns:1fr 1fr;gap:14px}.so-bt{position:relative;overflow:hidden;background:#fff;border:1.5px solid var(--so-line);padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;transition:color .3s,border-color .3s,transform .3s var(--so-ease)}.so-bt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--so-acc);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--so-ease);z-index:0}.so-bt:hover:before{transform:scaleY(1)}.so-bt:hover{color:#fff;border-color:var(--so-acc);transform:translateY(-4px)}.so-bt>*{position:relative}.so-bt small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--so-mute);transition:color .3s}.so-bt:hover small{color:#ffd9cf}.so-bt b{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1}.so-bt span{font-size:14px}.so-fd{background:var(--so-navy);color:#fff;padding:48px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;position:relative;overflow:hidden}.so-fd:before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:var(--so-acc);opacity:.25;animation:so-morph 10s ease-in-out infinite}.so-fd>*{position:relative}.so-fd h2{font-size:clamp(28px,3.6vw,46px);letter-spacing:-.04em;line-height:1;margin:6px 0 12px}.so-fd p{margin:0;color:#b8bccb}.so-fd__dots{display:flex;gap:8px;margin-bottom:18px}.so-fd__dots i{height:6px;flex:1;background:#fff3;transition:background .4s}.so-fd__dots i.on{background:var(--so-acc)}.so-step{display:none;animation:so-dn .45s var(--so-ease)}.so-step.on{display:block}.so-step h3{margin:0 0 14px;font-size:22px;letter-spacing:-.02em}.so-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.so-opt{background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);color:#fff;padding:18px;font-weight:700;font-size:16px;text-align:left;display:flex;gap:12px;align-items:center;transition:background .2s,border-color .2s,transform .2s}.so-opt:hover{background:var(--so-acc);border-color:var(--so-acc);transform:translate(4px)}.so-opt span{font-size:26px}.so-fd__r{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.so-fd__back{background:none;border:0;color:#b8bccb;text-decoration:underline;margin-top:14px;padding:0}.so-pt__p{display:none}.so-pt__p.on{display:block;animation:so-dn .5s var(--so-ease)}.so-br{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-left:1px solid var(--so-line);border-top:1px solid var(--so-line)}.so-br a{position:relative;overflow:hidden;border-right:1px solid var(--so-line);border-bottom:1px solid var(--so-line);padding:34px 24px;background:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:color .3s}.so-br a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--so-ink);transform:translate(-101%);transition:transform .45s var(--so-ease)}.so-br a:hover:before{transform:none}.so-br a:hover{color:#fff}.so-br a>*{position:relative}.so-br b{font-size:clamp(24px,3vw,36px);letter-spacing:-.04em;line-height:1}.so-br span{font-size:14px;color:var(--so-mute);transition:color .3s}.so-br a:hover span{color:#bbb}.so-br em{font-style:normal;color:var(--so-acc);font-weight:700}.so-hp{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--so-soft);padding:36px 40px;border:1px solid var(--so-line)}.so-hp__a{width:84px;height:84px;border-radius:50%;background:var(--so-acc);display:grid;place-items:center;font-size:40px;animation:so-fl 4s ease-in-out infinite}.so-hp h2{margin:0 0 4px;font-size:clamp(22px,3vw,32px);letter-spacing:-.03em}.so-hp p{margin:0;color:var(--so-mute);max-width:56ch}.so-hp .so-acts{flex-wrap:nowrap}.so-rvw .so-row{grid-auto-columns:minmax(200px,230px)}.so-rvw .so-card__t{font-size:14px}@media(max-width:1000px){.so-ct-g,.so-br{grid-template-columns:repeat(2,1fr)}.so-bud,.so-fd,.so-hp{grid-template-columns:1fr}.so-fd{padding:32px 24px}.so-hp{padding:28px 24px}.so-hp .so-acts{flex-wrap:wrap}}@media(max-width:560px){.so-opts,.so-bud__t{grid-template-columns:1fr}.so-ct{aspect-ratio:1/1}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/salon-ui-nav.css.map */