.steps-with-media-container{--color-primary: #f36621;--color-bg-light: #fff8e7;--color-text-dark: #222;--color-text-muted: #444;--color-text-light: #4d4d4d;--color-border: #4d4d4d;--font-heading-size-desktop: 28px;--font-heading-size-mobile: 24px;--font-subheading-size: 16px;--font-step-title: 16px;--font-step-text: 16px;--section-padding-desktop: 40px;--section-padding-mobile: 24px 20px;--section-radius: 12px;--media-radius: 8px;--grid-gap-desktop: 30px;--grid-gap-large: 56px;--grid-gap-mobile: 20px;--step-gap: 12px;--step-margin-bottom: 15px;--video-aspect-ratio: 56.25%}.steps-with-media-container{margin-top:50px;padding:var(--section-padding-desktop);border-radius:var(--section-radius)}.steps-with-media{display:grid;grid-template-columns:.8fr 1fr;gap:var(--grid-gap-desktop);align-items:center}.steps-media img,.steps-media .video-wrapper{width:100%;border-radius:var(--media-radius);overflow:hidden}.steps-media img{aspect-ratio:1 / 1;object-fit:cover;max-height:500px}.video-wrapper{position:relative;width:100%;padding-bottom:var(--video-aspect-ratio);height:0;overflow:hidden;border-radius:var(--media-radius)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.left-content .steps-media{order:2}.left-content .steps-content{order:1}.heading-top-title,.steps-content h2{font-size:var(--font-heading-size-desktop);font-weight:700;margin-bottom:8px;color:var(--color-text-dark)}.heading-top-title{margin-bottom:28px;text-align:center}.steps-content .subheading{font-size:var(--font-subheading-size);color:var(--color-text-muted);margin:0}.step-item{display:flex;gap:var(--step-gap);align-items:flex-start;margin-bottom:var(--step-margin-bottom)}.step-text-icon{display:inline-flex;margin-bottom:12px;gap:var(--step-gap)}.step-icon{width:30px;height:30px;object-fit:contain;flex-shrink:0}.step-text h4{font-size:var(--font-step-title);font-weight:600;margin:0}.step-text p{font-size:var(--font-step-text);margin:0;color:var(--color-text-light)}hr{border:none;border-bottom:1px solid var(--color-border);margin:15px 0}.no-hr:not(:last-child){margin:0 0 34px}.steps-list{margin-top:30px}.steps-media h2,.steps-media .subheading{display:none}@media (min-width: 1200px){.steps-with-media{gap:var(--grid-gap-large)}}@media (max-width: 1024px){.heading-top-title{margin-bottom:0;padding-top:30px}.left-content .steps-media{order:1}.left-content .steps-content{order:2}.step-item{text-align:left}.steps-with-media{grid-template-columns:1fr;text-align:center}.steps-list{margin-top:0}.steps-media h2,.steps-media .subheading{display:block}.steps-media h2,.heading-top-title{font-size:var(--font-heading-size-mobile)}.steps-media .subheading{margin-bottom:20px}.steps-content h2,.steps-content .subheading{font-size:var(--font-heading-size-mobile);display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/steps-with-media-section.css.map */