.pet-steps__list{display:grid;gap:var(--s-4);margin:0;padding:0;list-style:none}.pet-steps__list--list .pet-steps__item{display:grid;grid-template-columns:56px 1fr;align-items:start;gap:var(--s-4);padding:var(--s-4);border:var(--line);border-radius:var(--r-md);background:var(--c-white);color:var(--c-black)}.pet-steps__num{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:var(--line);border-radius:50%;background:var(--c-accent-1);font-family:var(--f-display);font-size:var(--fs-xl);font-weight:600}.pet-steps__item:nth-child(2n) .pet-steps__num{background:var(--c-accent-2)}.pet-steps__body h3{font-size:var(--fs-lg);font-weight:500}.pet-steps__body p{margin-top:var(--s-1);color:var(--c-text-soft);font-size:var(--fs-sm)}.pet-steps__item--star{box-shadow:4px 4px 0 var(--c-black)}.pet-steps__pill{align-self:flex-start;margin-top:var(--s-2);white-space:normal}.pet-steps__list--cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.pet-steps__list--cards .pet-steps__item{display:flex;flex-direction:column;overflow:hidden;border:var(--line);border-radius:var(--r-md);background:var(--c-white);color:var(--c-black)}.pet-steps__art{aspect-ratio:5 / 4;border-bottom:var(--line)}.pet-steps__art:has(.pet-steps__illustration){display:flex;align-items:center;justify-content:center}.pet-steps__illustration{width:72%;max-height:86%}.pet-steps__art .pet-ph{padding-top:36px;border:0;background:transparent}.pet-steps__art img{object-fit:contain;padding:8%}.pet-steps__badge{position:absolute;top:var(--s-2);left:var(--s-2);z-index:1;padding:3px 9px;border-radius:var(--r-pill);background:var(--c-black);color:var(--c-satsuma);font-size:1.1rem;font-weight:700;letter-spacing:.02em}.pet-steps__list--cards .pet-steps__body{display:flex;flex:1;flex-direction:column;gap:var(--s-1);padding:var(--s-3)}.pet-steps__list--cards .pet-steps__body h3{font-size:var(--fs-md);font-weight:600;line-height:1.2}.pet-steps__list--cards .pet-steps__body p{margin-top:0;line-height:1.4}.pet-steps__list--cards .pet-steps__item--star .pet-steps__body{background:var(--c-accent-1)}.pet-steps__list--cards .pet-steps__item--star p{color:var(--c-black)}.pet-steps__list--cards .pet-steps__pill{font-size:1.1rem}.pet-steps__timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin:var(--s-5) 0 0;padding:var(--s-4);border:var(--line);border-radius:var(--r-md);background:var(--c-tint);color:var(--c-black);font-size:var(--fs-sm);list-style:none}.pet-steps__timeline li{display:flex;flex-direction:column}.pet-steps__timeline strong{font-family:var(--f-display);font-size:var(--fs-lg);font-weight:600;line-height:1.1}.pet-steps__cta{margin-top:var(--s-6);text-align:center}@media screen and (min-width:900px){.pet-steps__list--list{grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:var(--s-5)}.pet-steps__list--list .pet-steps__item{grid-template-columns:1fr;padding:var(--s-5)}.pet-steps__list--cards{grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:var(--s-5)}.pet-steps__list--cards .pet-steps__body{padding:var(--s-4)}.pet-steps__list--cards .pet-steps__body h3{font-size:var(--fs-lg)}.pet-steps__timeline{grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--s-4) var(--s-5)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pet-steps.css.map */