@layer salon-block{.b-derma-approach .ap{padding:110px var(--dm-pad) 143px;flex-direction:column;gap:134px;display:flex}.b-derma-approach .ap__track{position:relative}.b-derma-approach .ap__line{background:var(--c-line);height:1px;position:absolute;top:9px;left:0;right:0}.b-derma-approach .ap__steps{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.b-derma-approach .ap__step{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding-right:38px;display:flex;position:relative}.b-derma-approach .ap__dot{border:2px solid var(--role-accent-decor);background:var(--c-bg);border-radius:999px;width:18px;height:18px;margin-bottom:19px;display:block}.b-derma-approach .ap__no{color:var(--role-accent-decor)}.b-derma-approach .ap__text{flex-direction:column;gap:10px;display:flex}.b-derma-approach .ap__title{overflow-wrap:anywhere}@container block (width<=1023px){.b-derma-approach .ap__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}.b-derma-approach .ap__line{display:none}}@container block (width<=767px){.b-derma-approach .ap{gap:18px;padding:52px 20px}.b-derma-approach .ap__steps{flex-direction:column;gap:18px;display:flex}.b-derma-approach .ap__step{border-top:1px solid var(--c-line);flex-direction:row;gap:14px;padding:14px 0 0}.b-derma-approach .ap__dot{display:none}.b-derma-approach .ap__no{flex:none;font-size:11px;line-height:15px}.b-derma-approach .ap__text{gap:2px;min-width:0}.b-derma-approach .ap__title{font-family:var(--f-body);letter-spacing:-.005em;font-size:17px;font-weight:500;line-height:21px}.b-derma-approach .ap__desc{font-size:13px;line-height:20px}}}