.bavi-product-how-to{--how-to-cream: #fff7f2;--how-to-burgundy: #56120c;--how-to-badge: #250704;--how-to-muted: rgba(86, 18, 12, .67);--how-to-radius: 12px;position:relative;overflow:hidden;color:var(--how-to-burgundy);background:linear-gradient(180deg,#fff7f2c7,#fffdfb70),#fff;font-family:var(--bavi-font-body, Inter, sans-serif)}.bavi-product-how-to *,.bavi-product-how-to *:before,.bavi-product-how-to *:after{box-sizing:border-box}.bavi-product-how-to__inner{width:100%;max-width:1440px;margin:0 auto;padding:120px 20px}.bavi-product-how-to__heading{display:grid;gap:12px;text-align:center}.bavi-product-how-to__title{margin:0;color:var(--how-to-burgundy);font-family:var(--bavi-font-heading, "Playfair Display", serif);font-size:clamp(2.5rem,3.35vw,3rem);font-weight:500;line-height:1.1;letter-spacing:0}.bavi-product-how-to__subtitle{margin:0;color:var(--how-to-muted);font-size:24px;font-weight:400;line-height:1.45;letter-spacing:0}.bavi-product-how-to__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:72px;padding-top:24px}.bavi-product-how-to__step{display:grid;gap:18px;min-width:0}.bavi-product-how-to__image-frame{position:relative;width:100%;aspect-ratio:314 / 514.72;overflow:hidden;border-radius:var(--how-to-radius);background:var(--how-to-cream)}.bavi-product-how-to__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.bavi-product-how-to__caption{display:flex;align-items:flex-start;gap:9px;color:var(--how-to-burgundy);font-size:16px;font-weight:500;line-height:1.375}.bavi-product-how-to__caption p{margin:0;max-width:300px}.bavi-product-how-to__number{display:inline-grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:6px;background:var(--how-to-badge);color:#fff;font-family:var(--bavi-font-body, Inter, sans-serif);font-size:18px;font-weight:700;line-height:1}@media(max-width:1180px){.bavi-product-how-to__inner{padding-top:96px;padding-bottom:96px}.bavi-product-how-to__steps{margin-top:56px}}@media(max-width:989px){.bavi-product-how-to__inner{padding:72px 20px}.bavi-product-how-to__heading{max-width:680px;text-align:left}.bavi-product-how-to__title{font-size:clamp(2rem,7.9vw,2.4rem)}.bavi-product-how-to__subtitle{color:#56120ccc;font-size:clamp(1rem,4.3vw,1.125rem);line-height:1.5}.bavi-product-how-to__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 8px;margin-top:48px;padding-top:24px}.bavi-product-how-to__step{gap:8px}.bavi-product-how-to__image-frame{aspect-ratio:171 / 179}.bavi-product-how-to__caption{display:block;font-size:16px;line-height:1.375}.bavi-product-how-to__caption p{max-width:none}.bavi-product-how-to__number{display:none}}@media(max-width:480px){.bavi-product-how-to__inner{padding:52px 16px}.bavi-product-how-to__title{max-width:350px;font-size:clamp(1.875rem,8vw,2.25rem)}.bavi-product-how-to__steps{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/bavi-product-how-to.css.map */