body .how-heading{padding:42px 0 20px}body .how-heading h1{margin-top:0}body .how-heading p{margin-bottom:0}body .product-overview .wrap{gap:30px;padding-bottom:20px}body .product-overview img:first-child{width:72%;max-width:850px;height:410px}body .product-overview img:last-child{width:24%;max-width:240px;height:410px}body .how-steps{padding-bottom:45px}body .how-steps .wrap{gap:24px 55px}body .how-step{padding-top:24px}body .step-number{margin-bottom:10px}body .how-step h2{margin-bottom:14px}
@media(min-width:1001px){body[data-how-update="2"] main{max-width:1360px;margin:auto;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:25px 50px}body[data-how-update="2"] .how-heading{grid-column:1/-1;padding:0 0 15px}body[data-how-update="2"] .product-overview{align-self:center}body[data-how-update="2"] .product-overview .wrap{padding:0;gap:10px}body[data-how-update="2"] .product-overview img:first-child{width:76%;height:430px}body[data-how-update="2"] .product-overview img:last-child{width:24%;height:340px}body[data-how-update="2"] .how-steps{padding:0}body[data-how-update="2"] .how-steps .wrap{padding:0;grid-template-columns:1fr;gap:18px}body[data-how-update="2"] .how-step{display:grid;grid-template-columns:1fr;padding-top:18px}body[data-how-update="2"] .how-step h2{font-size:23px}body[data-how-update="2"] .how-step p{font-size:15px}}
body[data-how-update="3"] .how-heading{padding:35px 0 10px}body[data-how-update="3"] .product-overview{background:#f5f5f7;margin-top:20px}body[data-how-update="3"] .product-overview .wrap{padding-top:15px;padding-bottom:15px}body[data-how-update="3"] .product-overview img:first-child,body[data-how-update="3"] .product-overview img:last-child{height:350px}body[data-how-update="3"] .how-steps{padding-top:15px}body[data-how-update="3"] .how-step h2{font-size:24px}body[data-how-update="3"] .how-steps .wrap{gap:20px 50px}
@media(max-width:760px){body .how-heading{padding:35px 0 15px}body .product-overview .wrap{gap:10px;padding-bottom:15px}body .product-overview img:first-child{width:72%;height:250px}body .product-overview img:last-child{width:25%;height:250px}body .how-steps .wrap{gap:15px}body[data-how-update="3"] .product-overview img:first-child,body[data-how-update="3"] .product-overview img:last-child{height:250px}}

/* Option 1: group the devices and separate them from the steps. */
body[data-how-update="1"] .product-overview .wrap{gap:0;padding-bottom:45px;max-width:1120px}
body[data-how-update="1"] .product-overview img:last-child{margin-left:-30px}
@media(max-width:760px){body[data-how-update="1"] .product-overview .wrap{padding-bottom:32px}body[data-how-update="1"] .product-overview img:last-child{margin-left:-12px}}