.steps-guide{--sg-bg-color: rgba(208, 2, 27, .03);--sg-heading-color: #1a1a1a;--sg-text-color: #303030;--sg-accent-color: #D0021B;--sg-badge-bg: #F10B27;background-color:var(--sg-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.steps-guide__container{max-width:1200px;margin:0 auto;padding:0 20px}.steps-guide__header{text-align:center;margin-bottom:40px}.steps-guide__heading{font-size:clamp(24px,5vw,32px);font-weight:700;color:var(--sg-heading-color);line-height:1.2;margin:0 0 12px;letter-spacing:-.02em}.steps-guide__subheading{font-size:18px;color:var(--sg-text-color);margin:0;opacity:.8}.steps-guide__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width: 899px){.steps-guide__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.steps-guide__grid{grid-template-columns:1fr;gap:24px}}.steps-guide__step{display:flex;flex-direction:column;align-items:center;text-align:center}.steps-guide__badge{display:inline-flex;align-items:center;justify-content:center;background:var(--sg-badge-bg);color:#fff;font-size:17px;font-weight:700;padding:10px 25px;border-radius:100px;margin-bottom:16px;box-shadow:0 4px 12px #d0021b4d;transition:transform .3s ease,box-shadow .3s ease}@media (hover: hover){.steps-guide__step:hover .steps-guide__badge{transform:scale(1.05);box-shadow:0 6px 20px #d0021b66}}.steps-guide__title{font-size:18px;font-weight:700;color:var(--sg-heading-color);line-height:1.4;margin:0 0 16px;padding:0 10px}.steps-guide__media{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a;transition:transform .4s ease,box-shadow .4s ease}@media (hover: hover){.steps-guide__step:hover .steps-guide__media{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}}.steps-guide__video,.steps-guide__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.steps-guide__placeholder{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#999}.steps-guide__placeholder svg{width:48px;height:48px;opacity:.5}.steps-guide__placeholder-text{font-size:14px;font-weight:500}@media (min-width: 900px){.steps-guide__grid,.steps-guide__step{position:relative}.steps-guide__step:not(:last-child):after{content:"";position:absolute;top:20px;right:-15px;width:30px;height:2px;background:linear-gradient(90deg,var(--sg-accent-color) 0%,transparent 100%);opacity:.3}}@media (prefers-reduced-motion: no-preference){.steps-guide__header{opacity:0;transform:translateY(20px);animation:sgFadeUp .6s ease forwards}.steps-guide__step{opacity:0;transform:translateY(30px);animation:sgFadeUp .6s ease forwards}.steps-guide__step:nth-child(1){animation-delay:.15s}.steps-guide__step:nth-child(2){animation-delay:.3s}.steps-guide__step:nth-child(3){animation-delay:.45s}@keyframes sgFadeUp{to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion: reduce){.steps-guide__header,.steps-guide__step{opacity:1;transform:none;animation:none}}.steps-guide--numbered .steps-guide__badge{width:48px;height:48px;padding:0;font-size:20px}@media (max-width: 599px){.steps-guide__container{padding:0 16px}.steps-guide__header{margin-bottom:32px}.steps-guide__badge{font-size:15px;padding:8px 20px}.steps-guide__title{font-size:16px}.steps-guide__media{border-radius:10px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/steps-guide.css.map */