.steps-container{display:grid;grid-template-columns:1fr;gap:.5rem;max-width:780px;margin:0 auto;padding:1.5rem}.step{padding:1rem;background:var(--bg-warm, #faf8f6);border:1px solid var(--border-light, #f0ece8);border-radius:14px;transition:border-color .3s ease,box-shadow .3s ease}.step:hover{border-color:var(--wine-primary-light, #d64d94);box-shadow:0 4px 16px #b4176c14}.step-head{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-bottom:0}.index-step{margin-bottom:0;font-family:"Exo",var(--font-heading, sans-serif);font-weight:800;font-size:2.5rem;line-height:1;color:var(--wine-primary-pale, #f8e5f0)}.icon-group{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem}.icon-group .icon-container{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step:nth-child(odd) .icon-container{background:var(--wine-teal-pale, #e6f5f2)}.step:nth-child(2n) .icon-container{background:var(--wine-primary-pale, #f8e5f0)}.icon-group img.step-icon{width:56px;height:56px;object-fit:contain;padding:0}.icon-group img.step-image{width:20px;height:20px;object-fit:contain;transform:rotate(90deg);opacity:.4}.step-title{margin-bottom:0;font-family:"Exo",var(--font-heading, sans-serif);font-weight:600;font-size:.92rem;line-height:1.35;color:var(--text-primary, #1a1a1a)}.step-subtitle{margin-bottom:0;font-family:var(--font-body, "Open Sans", sans-serif);font-weight:400;font-size:.82rem;line-height:1.55;color:var(--text-secondary, #6d6b6b);margin-top:.35rem}.step-image{border-radius:12px;overflow:hidden}.step-image img{width:100%;max-height:400px;object-fit:cover;display:block}@media(min-width:768px){.steps-container{grid-template-columns:1fr 24px 1fr 24px 1fr;gap:.75rem;align-items:stretch;justify-content:center;padding:1.5rem 2rem}.step{padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.step-head{flex-direction:column;align-items:center;text-align:center;gap:.6rem}.step-title{text-align:center;font-size:1rem}.step-subtitle{text-align:center;margin-top:.5rem}.icon-group .icon-container,.icon-group img.step-icon{width:64px;height:64px}.icon-group img.step-image{width:24px;height:24px;transform:none;opacity:.35}}@media(prefers-reduced-motion:reduce){.step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/320/assets/wine-steps.css.map */