.htw-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw}.htw-inner{max-width:1300px;margin:0 auto;padding:32px 20px;box-sizing:border-box}.htw-columns{display:grid;grid-template-areas:"heading" "image" "details";gap:24px}.htw-heading-wrap{grid-area:heading}.htw-heading{color:#036247;font-weight:700;font-size:32px;line-height:1.15;margin:0}.htw-heading-line{display:block}.htw-steps{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.htw-step{display:flex;align-items:center;gap:12px;text-align:left}.htw-step-number{flex-shrink:0;width:36px;height:36px;margin:0;border-radius:50%;border:2px solid #036247;color:#036247;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}.htw-step-caption{color:#1f1f1f;font-weight:500;font-size:16px;line-height:1.4;margin:0;text-align:left}.htw-btn{display:inline-flex;align-items:center;gap:8px;background:#f4d21c;color:#036247;font-weight:700;font-size:15px;text-decoration:none;border:2.5px solid #036247;border-radius:999px;padding:13px 26px;box-shadow:5px 6px #036247;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,filter .14s ease}.htw-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:7px 8px #036247;filter:brightness(.97)}.htw-btn:active{transform:translateY(0) scale(.98);box-shadow:2px 3px #036247}.htw-image-col{grid-area:image;width:100%}.htw-details-col{grid-area:details}.htw-image-col img,.htw-placeholder-svg{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:24px;border:2.5px solid #036247;box-shadow:6px 7px #036247;background:#9cdae9;box-sizing:border-box}@media screen and (min-width:860px){.htw-inner{padding:56px 20px}.htw-columns{grid-template-columns:44% 1fr;grid-template-areas:"heading image" "details image";gap:16px 60px;align-items:start}.htw-heading{font-size:52px}.htw-steps{flex-direction:row;justify-content:flex-start;gap:20px;flex-wrap:wrap}.htw-step{flex:0 0 auto;width:130px;flex-direction:column;text-align:center}.htw-step-number{width:40px;height:40px;margin:0 auto 10px;font-size:16px}.htw-step-caption{text-align:center;font-size:20px}.htw-image-col img,.htw-placeholder-svg{aspect-ratio:1/1;object-fit:cover;max-height:420px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/speckles-how-to-wear.css.map */