@layer salon-block{.b-derma-consultation .cs{padding:110px var(--dm-pad) 120px;flex-direction:column;gap:53px;display:flex}.b-derma-consultation .cs__top{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.b-derma-consultation .cs__card{border:1px solid var(--role-accent-decor);background:color-mix(in srgb, var(--s-base-card) 6%, transparent);border-radius:26px;flex-direction:column;flex:0 420px;align-items:flex-start;gap:8px;min-width:0;margin-top:10px;padding:30px 34px;display:flex}.b-derma-consultation .cs__price{white-space:nowrap}.b-derma-consultation .cs__note{color:var(--c-text)}.b-derma-consultation .cs__action{flex-direction:column;align-items:flex-start;max-width:100%;display:flex}.b-derma-consultation .cs__steps{grid-template-columns:repeat(3,minmax(0,360px));align-items:start;gap:40px;display:grid}.b-derma-consultation .cs__step{border-top:1px solid var(--role-accent-decor);flex-direction:column;gap:10px;min-width:0;padding-top:22px;display:flex}.b-derma-consultation .cs__no{color:var(--role-accent-decor)}.b-derma-consultation .cs__title{overflow-wrap:anywhere}@container block (width<=1023px){.b-derma-consultation .cs__top{flex-direction:column}.b-derma-consultation .cs__card{flex:none;width:min(100%,420px);margin-top:0}.b-derma-consultation .cs__steps{grid-template-columns:minmax(0,1fr);gap:24px}}@container block (width<=767px){.b-derma-consultation .cs{gap:18px;padding:52px 20px}.b-derma-consultation .cs__top{gap:18px}.b-derma-consultation .cs__card{border-radius:22px;align-items:stretch;gap:6px;width:100%;padding:22px}.b-derma-consultation .cs__price{letter-spacing:-.015em;font-size:34px;line-height:37px}.b-derma-consultation .cs__action{align-items:stretch}.b-derma-consultation .cs__action .s-btn{width:100%}.b-derma-consultation .cs__steps{display:none}}}