.store-page .store-process {
  width: 100%;
  padding: 60px 0 48px;
  background: linear-gradient(#ffffffd9, #ffffffd9), #fafafa url('../img/about-workflow-paper.webp') center / cover;
  border-block: 1px solid #eeeef0;
}
.store-process__container { width: min(1200px, calc(100% - 64px)); box-sizing: border-box; margin-inline: auto; }
.store-process__heading { text-align: center; }
.store-process__kicker { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 8px; color: #e3061b; font-size: 14px; font-weight: 800; }
.store-process__kicker::before, .store-process__kicker::after { content: ''; width: 28px; height: 2px; background: currentColor; }
.store-process__heading h2 { margin: 0; color: #15191e; font-size: clamp(27px, 3vw, 40px); font-weight: 900; line-height: 1.5; }
.store-process__heading h2 em { color: #e3061b; font-style: normal; }
.store-process__heading > p:last-child { margin: 12px auto 0; max-width: 540px; color: #6c747d; font-size: 14px; line-height: 1.9; }
.store-process__journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; margin: 44px 0 36px; padding: 0; list-style: none; }
.store-process__step { position: relative; isolation: isolate; min-width: 0; padding: 8px 20px 24px; text-align: center; }
.store-process__step:not(:last-child)::after { content: ''; position: absolute; top: 51px; right: calc(50% + 62px); width: calc(100% - 76px); border-top: 2px dashed #cdd0d5; }
.store-process__watermark { position: absolute; inset-inline: 0; bottom: 0; z-index: -1; color: rgb(227 6 27 / 5%); font: 900 clamp(110px, 12vw, 160px)/1 Arial, sans-serif; pointer-events: none; }
.store-process__symbol { position: relative; display: grid; place-items: center; width: 88px; height: 88px; margin: 0 auto 23px; border: 1px solid #f4b9bf; border-radius: 24px; background: #fff; color: #e3061b; }
.store-process__symbol > svg { width: 54px; height: 54px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.store-process__number { position: absolute; top: -10px; right: -10px; display: grid; place-items: center; width: 29px; height: 29px; border: 4px solid #fff; border-radius: 50%; background: #e3061b; color: #fff; font: 700 12px/1 Arial, sans-serif; box-sizing: content-box; }
.store-process__step h3 { margin: 0 0 10px; color: #15191e; font-size: 21px; font-weight: 800; }
.store-process__step p { max-width: 275px; margin: 0 auto; color: #656c76; font-size: 14px; line-height: 1.9; }
.store-process__action { text-align: center; }
.store-process__action a { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 48px; padding: 10px 24px; border-radius: 8px; background: #e3061b; color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; }
.store-process__action a:hover { background: #bd0719; }
.store-process__action a:focus-visible { outline: 3px solid #15191e; outline-offset: 4px; }
.store-process__action svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.store-process__action p { margin: 12px 0 0; color: #737982; font-size: 12px; }
@media (max-width: 1100px) {
  .store-process__journey { gap: 24px; }
  .store-process__step { padding-inline: 8px; }
  .store-process__step:not(:last-child)::after { width: calc(100% - 100px); }
}
@media (max-width: 700px) {
  .store-page .store-process { padding-block: 38px 32px; }
  .store-process__journey { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-block: 32px; }
  .store-process__step { padding-bottom: 22px; }
  .store-process__step:not(:last-child)::after { display: none; }
  .store-process__symbol { margin-bottom: 18px; }
  .store-process__step h3 { font-size: 19px; }
  .store-process__heading > p:last-child { font-size: 13px; }
}