.can-whey-how-to-use{padding:60px 0;background:var(--section-background, oklch(.97 .01 85.33));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.can-whey-how-to-use .container{max-width:1200px;margin:0 auto;padding:0 20px}.can-whey-how-to-use .how-to-use-content{display:grid;grid-template-columns:2fr 1.5fr;grid-template-rows:auto auto;gap:60px;align-items:start}.can-whey-how-to-use .how-to-use-left{grid-column:1;grid-row:1 / span 2;justify-items:start}.can-whey-how-to-use .how-to-use-title{font-size:3rem;font-weight:800;text-transform:none;font-style:normal;color:var(--title-color, oklch(.5178 .1923 23.39));margin:0 0 40px;line-height:1.2}.can-whey-how-to-use .how-to-use-steps{margin-bottom:40px;margin-left:0;list-style:none;padding:0;display:flex;width:100%}.can-whey-how-to-use .step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;flex:1;min-width:200px}.can-whey-how-to-use .step img{width:120px;height:120px;object-fit:contain;border-radius:50%;border:3px solid var(--accent-color, oklch(.5178 .1923 23.39));padding:15px;background:#fff}.can-whey-how-to-use .step svg,.can-whey-how-to-use .step-image-placeholder svg{width:120px;height:120px;border-radius:50%;border:3px solid var(--accent-color, oklch(.5178 .1923 23.39));padding:15px;background:#fff}.can-whey-how-to-use .step-image-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.can-whey-how-to-use .step-content{display:flex;flex-direction:row;align-items:center;gap:8px}.can-whey-how-to-use .step-number{background:var(--accent-color, oklch(.5178 .1923 23.39));color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.can-whey-how-to-use .step-text{font-size:1.3rem;color:var(--accent-color, oklch(.5178 .1923 23.39));font-weight:500;text-transform:none;margin:0;line-height:1.4}.can-whey-how-to-use .instructions{color:var(--text-color, oklch(.54 .01 261.79));line-height:1.6}.can-whey-how-to-use .instructions-text{font-size:1.1rem;margin-bottom:0}.can-whey-how-to-use .tip-text{font-size:1.1rem}.can-whey-how-to-use .tip-text strong{color:var(--accent-color, oklch(.5178 .1923 23.39))}.can-whey-how-to-use .how-to-use-right{grid-column:2;grid-row:1 / span 2;display:flex;justify-content:center;height:100%}.can-whey-how-to-use .product-image{height:100%;width:100%;background:var(--product-bg-color, oklch(.57 .15 232.21));border-radius:20px;overflow:hidden}.can-whey-how-to-use .product-image img{width:100%;height:auto;border-radius:15px;box-shadow:0 20px 40px #0000001a;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.can-whey-how-to-use .step:focus-within{outline:2px solid var(--accent-color, oklch(.5178 .1923 23.39));outline-offset:4px;border-radius:8px}@media (prefers-contrast: high){.can-whey-how-to-use .step-number{border:2px solid}.can-whey-how-to-use .step img,.can-whey-how-to-use .step-image-placeholder{border-width:4px}}@media (prefers-reduced-motion: reduce){.can-whey-how-to-use *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.can-whey-how-to-use .placeholder-image{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed var(--accent-color, oklch(.5178 .1923 23.39));border-radius:20px;opacity:.5}.can-whey-how-to-use .placeholder-image svg{width:60%;height:60%;opacity:.3}@media (max-width: 768px){.can-whey-how-to-use .how-to-use-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:40px}.can-whey-how-to-use .how-to-use-left{grid-column:1;grid-row:1 / span 2}.can-whey-how-to-use .how-to-use-right{grid-column:1;grid-row:3}.can-whey-how-to-use .how-to-use-title{font-size:2.5rem;text-align:center}.can-whey-how-to-use .how-to-use-steps{flex-wrap:wrap;gap:30px}.can-whey-how-to-use .step img,.can-whey-how-to-use .step svg,.can-whey-how-to-use .step-image-placeholder{width:100px;height:100px}.can-whey-how-to-use .step-image-placeholder svg{width:100px;height:100px}.can-whey-how-to-use .instructions{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/182/assets/can-whey-how-to-use.css.map */