@media screen and (min-width: 1400px){.howto-tabs-wrapper{max-width:1525px;margin:0 auto;padding-right:50px;padding-left:50px;grid-gap:70px;display:flex;align-items:stretch;justify-content:center}.como-hair-guidance-img-left{flex:1;aspect-ratio:1/1;max-width:45%}.como-hair-guidance-img-left img{max-width:100%;max-height:620px;display:block;overflow:hidden}.como-hair-guidance-right{flex:1;max-width:55%}.howto-tabs-header{width:100%;display:flex;border-bottom:1px solid #00000066;margin-bottom:40px;gap:0}.howto-tab-btn{width:50%;padding:16px 32px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;color:#0006;font-family:Matter;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;text-align:center}.howto-tab-btn.active{color:#000;border-bottom:1px solid #000000}.howto-tabs-content{width:100%}.howto-tab-panel{display:none}.howto-tab-panel.active{display:block}.howto-flex{display:flex;gap:48px;align-items:flex-start}.howto-content-col{width:100%;min-width:320px}.howto-title{margin-bottom:28px;text-transform:uppercase;font-family:Matter;font-weight:500;font-size:32px;line-height:100%;letter-spacing:0%}.howto-steps{margin-bottom:32px}.howto-step{margin-top:30px;position:relative;padding-left:5px}.howto-step-label{margin-bottom:15px;text-transform:uppercase;color:#000;font-family:Matter;font-weight:400;font-size:18px;line-height:22px;letter-spacing:0%;opacity:80%}.howto-step-title{margin-bottom:15px;color:#000;font-family:Matter;font-weight:500;font-size:18px;line-height:22px;letter-spacing:0%}.howto-step-desc{color:#000;font-family:Matter;font-weight:400;font-size:16px;line-height:22px;letter-spacing:0%}.howto-btn{display:inline-block;background:#000;color:#fff;font-family:Matter;font-weight:500;font-size:22px;line-height:100%;letter-spacing:0%;padding:14px 48px;border:none;text-align:center;text-decoration:none;transition:all .3s ease;text-transform:uppercase;margin-top:50px}.howto-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}}@media screen and (min-width: 750px) and (max-width: 1399px){.howto-tabs-wrapper{max-width:1625px;margin:0 auto;padding-right:100px;padding-left:100px;display:flex;align-items:center;justify-content:flex-start;gap:72px}.como-hair-guidance-img-left{flex:1;aspect-ratio:1/1;max-width:45%}.como-hair-guidance-img-left img{max-width:100%;max-height:"auto";display:block;overflow:hidden;margin-right:71.5px}.como-hair-guidance-right{flex:1;max-width:55%}.howto-tabs-header{width:100%;display:flex;border-bottom:1px solid #00000066;margin-bottom:28px;gap:0}.howto-tab-btn{width:50%;padding:11.2px 22.4px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;color:#0006;font-family:Matter;font-weight:500;font-size:14px;line-height:100%;text-align:center}.howto-tab-btn.active{color:#000;border-bottom:1px solid #000000}.howto-tabs-content{width:100%}.howto-tab-panel{display:none}.howto-tab-panel.active{display:block}.howto-flex{display:flex;gap:33.6px;align-items:flex-start}.howto-content-col{width:100%;min-width:224px}.howto-title{margin-bottom:19.6px;text-transform:uppercase;font-family:Matter;font-weight:500;font-size:22.4px;line-height:100%}.howto-steps{margin-bottom:22.4px}.howto-step{margin-top:21px;position:relative;padding-left:3.5px}.howto-step-label{margin-bottom:10.5px;text-transform:uppercase;color:#000;font-family:Matter;font-weight:400;font-size:12.6px;line-height:15.4px;opacity:80%}.howto-step-title{margin-bottom:10.5px;color:#000;font-family:Matter;font-weight:500;font-size:12.6px;line-height:15.4px}.howto-step-desc{color:#000;font-family:Matter;font-weight:400;font-size:11.2px;line-height:15.4px}.howto-btn{display:inline-block;background:#000;color:#fff;font-family:Matter;font-weight:500;font-size:15.4px;line-height:100%;padding:9.8px 33.6px;border:none;text-align:center;text-decoration:none;transition:all .3s ease;text-transform:uppercase;margin-top:35px}.howto-btn:hover{background:#333;transform:translateY(-1.4px);box-shadow:0 2.8px 7px #0000001a}}@media screen and (max-width: 749px){.howto-tabs-wrapper{max-width:100%;margin:0 auto;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;gap:30px}.como-hair-guidance-img-left{flex:1;max-width:100%;order:2}.como-hair-guidance-right{flex:1;max-width:100%;order:1}.como-hair-guidance-img-left img{max-width:100%;max-height:"auto";display:block;box-shadow:0 5px 15px #0000000d;margin:0 auto}.howto-tabs-header{display:flex;border-bottom:1px solid #00000066;margin-bottom:40px;gap:0}.howto-tab-btn{padding:12px 20px;width:50%;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;color:#0006;font-family:Matter;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;text-align:center}.howto-tab-btn.active{color:#000;border-bottom:1px solid #000000}.howto-tabs-content{width:100%}.howto-tab-panel{display:none}.howto-tab-panel.active{display:block}.howto-flex{display:flex;gap:48px;align-items:flex-start}.howto-content-col{width:100%;min-width:320px}.howto-title{font-size:26px;font-weight:600;margin-bottom:20px;margin-top:0;text-transform:uppercase;letter-spacing:.8px}.howto-steps{margin-bottom:32px}.howto-step{margin-top:30px;position:relative;padding-left:5px}.howto-step-label{color:##000000cc;font-family:Matter;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0%;text-transform:uppercase}.howto-step-title{margin-top:12px;color:##000000cc;font-family:Matter;font-weight:500;font-size:16px;line-height:22px;letter-spacing:0%}.howto-step-desc{margin-top:12px;color:##000000cc;font-family:Matter;font-weight:400;font-size:12px;line-height:17px;letter-spacing:0%}.howto-btn{display:inline-block;background:#000;color:#fff;padding:14px 0;font-size:16px;font-weight:500;border:none;border-radius:4px;text-align:center;text-decoration:none;margin-top:40px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;width:100%}.howto-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}}
/*# sourceMappingURL=/cdn/shop/t/198/assets/como-hair-guidance.css.map */