.df.df-steps{background:var(--black);line-height:normal}.df.df-steps--rule{border-top:1px solid var(--line)}.df.df-steps--drycare,.df.df-steps--ritual{padding:clamp(64px,9vw,108px) 0}.df.df-steps--novo .df-steps__wrap{padding-top:clamp(64px,9vw,108px);padding-bottom:clamp(40px,5vw,64px)}.df.df-steps--flush,.df.df-steps--novo.df-steps--flush .df-steps__wrap{padding-bottom:0}.df.df-steps--drycare .shead{margin-bottom:clamp(44px,5.5vw,72px)}.df.df-steps .head{display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,40px);align-items:end;margin-bottom:clamp(48px,6vw,88px)}@media(min-width:940px){.df.df-steps .head--split{grid-template-columns:1.2fr .8fr}.df.df-steps .head--split .head__intro{justify-self:end}}.df.df-steps--novo .head__title{margin:0}.df.df-steps .df-novo{font-family:var(--f-head);font-weight:600;letter-spacing:.08em;text-transform:none}.df.df-steps .steps--media{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}@media(min-width:820px){.df.df-steps .steps--media{grid-template-columns:repeat(var(--steps-cols, 3),1fr)}}.df.df-steps .steps__list{display:contents;list-style:none;margin:0;padding:0}.df.df-steps .mstep{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}@media(min-width:820px){.df.df-steps .mstep{border-bottom:none;border-right:1px solid var(--line)}.df.df-steps .mstep:last-child{border-right:none}.df.df-steps .steps--extra .mstep:last-child{border-right:1px solid var(--line)}}.df.df-steps .mstep__media{position:relative;aspect-ratio:4 / 3;border-bottom:1px solid var(--line);overflow:hidden}.df.df-steps .mstep__fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.df.df-steps .mstep__media.plate{background:var(--off);border:1px solid var(--line)}.df.df-steps .plate.is-empty:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(115deg,rgba(255,255,255,.01) 0 50%,transparent 50% 100%),linear-gradient(295deg,rgba(255,255,255,.018) 0 50%,transparent 50% 100%);background-size:26px 26px;pointer-events:none}.df.df-steps--novo .plate.is-empty:after{content:"";position:absolute;left:14px;top:14px;width:16px;height:16px;border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong)}.df.df-steps--novo .plate .tick-br{position:absolute;right:14px;bottom:14px;width:16px;height:16px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.df.df-steps .plate.is-empty{display:flex;align-items:center;justify-content:center}.df.df-steps--ritual .mstep__media{background:#000;display:flex;align-items:center;justify-content:center}.df.df-steps .mstep__ph{position:relative;font-family:var(--f-head);font-size:10px;letter-spacing:.1em;color:#ffffff24;margin:0;text-align:center}.df.df-steps .mstep__body{padding:clamp(28px,3vw,44px);display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,2.2vw,30px);align-items:start}.df.df-steps .mstep__no{font-family:var(--f-head);font-weight:800;font-size:clamp(34px,4vw,56px);line-height:.8;letter-spacing:-.04em;color:var(--white)}.df.df-steps .mstep__txt{display:flex;flex-direction:column;gap:12px}.df.df-steps .mstep__word{font-family:var(--f-head);font-weight:700;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.01em;line-height:normal;color:var(--white);margin:0}.df.df-steps .mstep__line{font-family:var(--f-body);font-weight:400;font-size:clamp(16px,1vw,18px);line-height:1.75;color:var(--body);max-width:36ch}.df.df-steps .howmini{display:flex;align-items:center;gap:clamp(12px,1.4vw,16px);padding:clamp(16px,2vw,22px) clamp(18px,2.4vw,26px);border:1px solid var(--line);border-radius:12px;background:#ffffff08}.df.df-steps .howmini__ic{flex:none;width:clamp(22px,2.2vw,26px);height:clamp(22px,2.2vw,26px);color:var(--white)}.df.df-steps .howmini__ic svg{width:100%;height:100%;display:block}.df.df-steps .howmini__txt{display:flex;flex-direction:column;gap:9px;min-width:0}.df.df-steps .howmini__intro{display:flex;flex-direction:column;gap:clamp(8px,.9vw,12px)}.df.df-steps .howmini__tag{font-family:var(--f-label);font-weight:500;font-size:clamp(17px,1.6vw,22px);letter-spacing:.14em;line-height:1.2;text-transform:uppercase;color:var(--white)}.df.df-steps .howmini__lead{margin:0;font-family:var(--f-body);font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:var(--white)}.df.df-steps .howmini__line{font-family:var(--f-body);font-size:15px;color:var(--white)}@media(min-width:820px){.df.df-steps .howmini{grid-column:1 / -1;border:none;border-top:1px solid var(--line);border-radius:0;background:transparent;align-items:center;gap:clamp(20px,3vw,44px);padding:clamp(26px,3vw,40px) clamp(24px,3vw,44px)}.df.df-steps .howmini__txt{flex:1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:clamp(16px,2.4vw,40px)}.df.df-steps .howmini__intro{flex:1 1 300px;min-width:240px}}.df.df-steps .howstat{grid-column:1 / -1;border-top:1px solid var(--line);padding:clamp(26px,3vw,40px) clamp(0px,3vw,44px)}.df.df-steps .howstat__p{margin:0;font-family:var(--f-head);font-weight:700;font-size:clamp(24px,2.6vw,36px);letter-spacing:-.03em;line-height:1.1;color:var(--white);text-wrap:pretty}.df.df-steps--novo .df-steps__wrap{padding-left:0;padding-right:0}@media(max-width:749px){.df.df-steps--novo .head{padding-left:var(--pad-x);padding-right:var(--pad-x)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-df-steps.css.map */