.refill-process{padding:80px 20px;background:#fff}.refill-process__container{max-width:1100px;margin:0 auto}.refill-process__heading{font-family:var(--font-grandma);font-weight:700;font-size:29px;line-height:36px;letter-spacing:3.19px;text-transform:uppercase;color:var(--gb-navy);text-align:center;margin:0 0 30px}.refill-process__intro{font-family:var(--font-como);font-weight:400;font-size:15px;line-height:24px;letter-spacing:.6px;text-transform:lowercase;color:var(--gb-navy);text-align:center;max-width:800px;margin:0 auto 30px}.refill-process__steps{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.refill-process__step{display:flex;flex-direction:column;align-items:center;text-align:center}.refill-process__icon{width:200px;height:200px;margin-bottom:15px;display:flex;align-items:center;justify-content:center}.refill-process__icon img{max-width:100%;height:auto;display:block}.refill-process__step-title{font-family:var(--font-grandma);font-weight:700;font-size:29px;line-height:36px;letter-spacing:3.19px;text-transform:uppercase;color:var(--gb-navy);margin:0 0 15px}.refill-process__step-description{font-family:var(--font-como);font-weight:400;font-size:15px;line-height:24px;letter-spacing:.6px;text-transform:lowercase;color:var(--gb-navy);max-width:600px;margin:0}.refill-process__footer{font-family:var(--font-como);font-weight:400;font-size:15px;line-height:24px;letter-spacing:.6px;text-transform:lowercase;color:var(--gb-navy);text-align:center;margin:0 0 60px}.refill-process__strip{text-align:center;margin:40px auto 60px;max-width:800px}.refill-process__strip img{width:100%;height:auto;display:block}.refill-process__gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:60px;max-width:750px;margin-left:auto;margin-right:auto}.refill-process__gallery-item{aspect-ratio:1;overflow:hidden;border-radius:6.5px}.refill-process__gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.refill-process__gallery-item:hover img{transform:scale(1.05)}@media (max-width: 768px){.refill-process{padding:60px 20px}.refill-process__heading{font-size:24px;line-height:30px}.refill-process__steps{gap:40px}.refill-process__icon{width:150px;height:150px}.refill-process__gallery{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-refill.css.map */