.product-how-to-use{background:var(--phtu-bg, rgb(18, 16, 14));color:var(--phtu-text, rgb(255, 253, 248))}.product-how-to-use__header{max-width:800px;margin-bottom:clamp(30px,5vw,56px)}.product-how-to-use__eyebrow{font-weight:600;font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--phtu-eyebrow-color, rgba(255, 253, 248, .45));margin-bottom:14px}.product-how-to-use__heading{margin:0;font-weight:900;font-size:clamp(28px,4.8vw,58px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;color:var(--phtu-text, rgb(255, 253, 248))}.product-how-to-use__steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;gap:clamp(14px,2vw,20px)}.product-how-to-use__step{display:flex;flex-direction:column;width:100%;height:100%;border:1px solid var(--phtu-step-border-color, rgba(255, 253, 248, .15));border-radius:20px;overflow:hidden;background:var(--step-background, transparent);transition:transform .25s ease;scroll-snap-align:start}.product-how-to-use__step:hover{transform:translateY(-5px);background:var(--step-background-hover, transparent)}@media(prefers-reduced-motion:reduce){.product-how-to-use__step{transition:none}.product-how-to-use__step:hover{transform:none}}.product-how-to-use__media{aspect-ratio:1 / 1;overflow:hidden;background:var(--phtu-step-media-bg, rgb(26, 25, 23))}.product-how-to-use__image{width:100%;height:100%;object-fit:cover;display:block}.product-how-to-use__image--placeholder{background:var(--phtu-step-media-bg, rgb(26, 25, 23))}.product-how-to-use__content{display:flex;flex-direction:column;flex:1 1 0;padding:20px}.product-how-to-use__step-number{font-weight:900;font-size:11px;line-height:1;letter-spacing:.16em;margin-bottom:10px;color:var(--step-accent-color, #F7D000)}.product-how-to-use__step-title{font-weight:900;font-size:clamp(18px,2.2vw,24px);line-height:1;letter-spacing:-.02em;margin-bottom:8px}.product-how-to-use__step-description{font-weight:400;font-size:14px;line-height:1.5;color:var(--phtu-step-description-color, rgba(255, 253, 248, .72))}.product-how-to-use__tip{margin-top:clamp(22px,3vw,32px);display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--tip-background, #F7D000);color:var(--tip-text-color, #12100E);border-radius:100px;padding:16px 24px}.product-how-to-use__tip-label{font-weight:900;font-size:13px;line-height:1;letter-spacing:.1em;text-transform:uppercase}.product-how-to-use__tip-text{font-weight:600;font-size:clamp(15px,1.8vw,18px);line-height:1.3}
/*# sourceMappingURL=/cdn/shop/t/588/assets/product-how-to-use.css.map */