.process-steps{background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--ps-accent) 8%,transparent),transparent 45%),var(--ps-bg);color:var(--ps-text);padding:var(--ps-padding-top) 0 var(--ps-padding-bottom);overflow:hidden;padding:30px}.process-steps__inner{position:relative}.process-steps__header{max-width:800px;margin:0 auto 54px;text-align:center}.process-steps__eyebrow{margin-bottom:12px;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--ps-accent)}.process-steps__heading{margin:0;color:var(--ps-text);font-size:clamp(30px,3.4vw,52px);line-height:1.05;letter-spacing:-.035em}.process-steps__subheading{max-width:620px;margin:18px auto 0;color:var(--ps-muted);font-size:16px;line-height:1.6}.process-steps__grid{display:grid;grid-template-columns:repeat(var(--process-steps-count),minmax(0,1fr));gap:32px;position:relative}.process-step{position:relative;min-width:0;text-align:center}.process-step__visual{position:relative;z-index:2;display:flex;justify-content:center;margin-bottom:24px}.process-step__icon-wrap{width:116px;height:116px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ps-text) 15%,transparent);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--ps-card-bg) 96%,white),var(--ps-card-bg));box-shadow:0 12px 30px #0000000d,inset 0 1px #ffffffb3;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.process-step:hover .process-step__icon-wrap{transform:translateY(-7px) scale(1.025);border-color:color-mix(in srgb,var(--ps-accent) 45%,transparent);box-shadow:0 20px 42px #00000017,0 0 0 5px color-mix(in srgb,var(--ps-accent) 6%,transparent)}.process-step__icon-image{display:block;width:92%;height:92%;object-fit:contain;transition:transform .35s ease}.process-step:hover .process-step__icon-image{transform:scale(1.06)}.process-step__placeholder{display:flex;color:var(--ps-muted)}.process-step__number{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:4px solid var(--ps-bg);border-radius:50%;background:var(--ps-accent);color:#fff;font-size:12px;font-weight:700;box-shadow:0 6px 15px #0000001a}.process-step__content{max-width:220px;margin:0 auto}.process-step__title{margin:0;color:var(--ps-text);font-size:15px;font-weight:700;line-height:1.3;letter-spacing:.02em;text-transform:uppercase}.process-step__description{margin-top:9px;color:var(--ps-muted);font-size:13px;line-height:1.5}.process-step__description p{margin:0}.process-step__connector{position:absolute;z-index:1;top:57px;left:calc(50% + 72px);width:calc(100% - 112px);height:1px;overflow:hidden}.process-step__connector span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--ps-line) 10%,var(--ps-line) 90%,transparent 100%);transform-origin:left;transition:opacity .3s ease}.process-step:hover .process-step__connector span{opacity:.55}@media screen and (max-width:989px){.process-steps__grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:54px}.process-step__connector{display:none}}@media screen and (max-width:749px){.process-steps{padding-top:var(--ps-mobile-padding-top);padding-bottom:var(--ps-mobile-padding-bottom)}.process-steps__header{margin-bottom:38px;text-align:left}.process-steps__subheading{margin-left:0;margin-right:0}.process-steps__grid{display:flex;flex-direction:column;gap:0}.process-step{display:grid;grid-template-columns:82px minmax(0,1fr);gap:22px;min-height:120px;padding-bottom:32px;text-align:left}.process-step:not(:last-child):after{content:"";position:absolute;top:78px;bottom:-2px;left:40px;width:1px;background:linear-gradient(to bottom,var(--ps-line),color-mix(in srgb,var(--ps-line) 20%,transparent))}.process-step__visual{justify-content:flex-start;margin:0}.process-step__icon-wrap{width:80px;height:80px}.process-step__number{left:auto;right:-5px;bottom:-5px;transform:none;width:27px;height:27px;border-width:3px;font-size:11px}.process-step__content{max-width:none;margin:8px 0 0}.process-step__title{font-size:15px}.process-step__description{max-width:340px;margin-top:7px;font-size:13px}}@media(prefers-reduced-motion:reduce){.process-steps *,.process-steps *:before,.process-steps *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/process-steps.css.map */