.aruaco-how-to-use{--htu-primary: #1F3A2B;--htu-text-primary: #1C1E1D;--htu-text-secondary: #6b7280;--htu-background: #ffffff;background-color:var(--htu-background);text-align:center}.aruaco-how-to-use__title{font-family:Times New Roman,Georgia,serif;font-size:2.6rem;font-weight:400;font-style:italic;line-height:1.15;color:var(--htu-primary);margin:0 0 1rem;letter-spacing:-.01em}@media screen and (min-width: 750px){.aruaco-how-to-use__title{font-size:3.1rem}}.aruaco-how-to-use__subtitle{font-size:1.225rem;line-height:1.5;color:var(--htu-text-secondary);margin:0 auto 2.5rem;max-width:600px}@media screen and (min-width: 750px){.aruaco-how-to-use__subtitle{font-size:1.35rem;margin-bottom:3rem}}.aruaco-how-to-use__steps{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto}@media screen and (min-width: 550px){.aruaco-how-to-use__steps{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (min-width: 900px){.aruaco-how-to-use__steps{grid-template-columns:repeat(3,1fr);gap:2rem}}.aruaco-how-to-use__step{display:flex;flex-direction:column;align-items:center}.aruaco-how-to-use__video-wrapper{width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background-color:#f5f5f5;margin-bottom:1.25rem;position:relative}@media screen and (min-width: 750px){.aruaco-how-to-use__video-wrapper{border-radius:20px;margin-bottom:1.5rem}}.aruaco-how-to-use__video-container{display:none;width:100%;height:100%;position:absolute;top:0;left:0}.aruaco-how-to-use__video-container.is-active{display:block;position:relative}.aruaco-how-to-use__video,.aruaco-how-to-use__image{width:100%;height:100%;object-fit:cover;display:block}.aruaco-how-to-use__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.aruaco-how-to-use__placeholder .placeholder-svg{width:60%;height:60%;opacity:.3}.aruaco-how-to-use__step-title{font-size:1.225rem;font-weight:400;font-style:italic;line-height:1.4;color:var(--htu-text-primary);margin:0;max-width:280px;text-align:left}@media screen and (min-width: 750px){.aruaco-how-to-use__step-title{font-size:1.35rem;max-width:320px}}.aruaco-how-to-use__bottom-text{font-size:1.1rem;line-height:1.6;color:var(--htu-text-secondary);margin:2.5rem auto 0;max-width:500px}@media screen and (min-width: 750px){.aruaco-how-to-use__bottom-text{font-size:1.225rem;margin-top:3rem}}@media screen and (max-width: 549px){.aruaco-how-to-use--scroll .aruaco-how-to-use__steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding-bottom:1rem;margin:0 -1rem;padding-left:1rem;padding-right:1rem}.aruaco-how-to-use--scroll .aruaco-how-to-use__step{flex:0 0 85%;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-aruaco-how-to-use.css.map */