.pp-hiw__header{margin-bottom:40px}.pp-hiw__grid{position:relative}.pp-hiw__spine{position:absolute;z-index:0;left:8%;right:8%;top:50%;height:0;border-top:1.5px dashed var(--pp-muted);opacity:.45}.pp-hiw__steps{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px)}.pp-hiw__step{display:flex}.pp-hiw__card{position:relative;flex:1;background:var(--pp-section-card, var(--pp-card));border:1px solid var(--pp-line);border-radius:var(--pp-radius-lg);display:flex;flex-direction:column;align-items:flex-start;gap:14px;box-shadow:0 8px 24px #0000000a;transition:transform .35s var(--pp-ease-soft),box-shadow .35s var(--pp-ease-soft)}.pp-hiw__card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #00000014}.pp-hiw[data-card-size=compact] .pp-hiw__card{padding:clamp(18px,1.8vw,24px);min-height:120px}.pp-hiw[data-card-size=standard] .pp-hiw__card{padding:clamp(22px,2.4vw,32px);min-height:150px}.pp-hiw[data-card-size=spacious] .pp-hiw__card{padding:clamp(26px,2.8vw,40px);min-height:180px}.pp-hiw__num{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--pp-muted);text-transform:uppercase}.pp-hiw__num:before{content:"0"}.pp-hiw__patch{position:absolute;top:-22px;right:-10px;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pp-hiw-accent, #000) 22%,transparent),transparent 70%);animation:pp-hiw-bob 9s ease-in-out infinite;pointer-events:none}.pp-hiw__patch-img{width:70px;height:70px;object-fit:contain;display:block;border-radius:var(--pp-radius-sm);filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.pp-hiw__patch-img--empty{background:var(--pp-cream-deep);border:2px dashed var(--pp-line)}@keyframes pp-hiw-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pp-hiw__title{margin:0;font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.01em;line-height:1.1}.pp-hiw__body{margin:0;color:var(--pp-muted);font-size:15px;line-height:1.55}.pp-hiw__empty{margin-top:24px;padding:24px;text-align:center;border:1px dashed var(--pp-line);border-radius:var(--pp-radius);color:var(--pp-muted)}@media(max-width:989px)and (min-width:750px){.pp-hiw__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pp-hiw__patch{width:72px;height:72px;top:-18px;right:-6px}.pp-hiw__patch-img{width:56px;height:56px}}@media(max-width:749px){.pp-hiw__steps{grid-template-columns:1fr;gap:20px}.pp-hiw__spine{left:50%;right:auto;top:8%;bottom:8%;height:auto;width:0;border-top:none;border-left:2px dotted rgba(13,13,13,.45);opacity:1;transform:translate(-50%)}.pp-hiw[data-card-size=compact] .pp-hiw__card,.pp-hiw[data-card-size=standard] .pp-hiw__card,.pp-hiw[data-card-size=spacious] .pp-hiw__card{padding:24px;min-height:0}.pp-hiw__patch{top:-16px;right:12px;width:72px;height:72px;animation:none}.pp-hiw__patch-img{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.pp-hiw__patch,.pp-hiw__card{animation:none!important;transition:none!important}}@supports not (color: color-mix(in srgb,red 50%,blue)){.pp-hiw__patch{background:var(--pp-cream-deep)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/patch-pop-how-it-works.css.map */