.htm-wall{background-color:var(--htm-wall-bg, #f7f6f4)}.htm-wall__grid{display:grid;grid-template-columns:25% repeat(4,1fr);gap:40px}.htm-wall__intro{display:flex;flex-direction:column;gap:16px}.htm-wall__heading{margin:0;font-size:clamp(2.4rem,2.5vw,3.2rem);font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.htm-wall__intro-text{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.htm-wall__intro-text p{margin:0}.htm-wall__checklist{display:flex;flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none}.htm-wall__checklist li{display:flex;align-items:flex-start;gap:10px;font-size:1.3rem;line-height:1.5;color:rgb(var(--color-foreground))}.htm-wall__check-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px;color:rgb(var(--color-foreground))}.htm-wall__check-icon svg{display:block;width:100%;height:100%}.htm-wall__intro-image{margin-top:auto}.htm-wall__intro-image--has-overlay{position:relative}.htm-wall__intro-image--has-overlay .htm-wall__checklist{position:absolute;top:0;left:0;right:0;margin:0;padding:16px}.htm-wall__intro-image img,.htm-wall__step-image img{display:block;width:100%;height:auto}.htm-wall__step{display:flex;flex-direction:column;gap:12px}.htm-wall__step-header{display:flex;align-items:center;gap:10px}.htm-wall__step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.2rem;font-weight:600}.htm-wall__step-title{margin:0;font-size:1.4rem;font-weight:700;line-height:1.3;color:rgb(var(--color-foreground))}.htm-wall__step-text{font-size:1.3rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.htm-wall__step-text p{margin:0}.htm-wall__step-image{margin-top:10px}@media screen and (max-width:989px){.htm-wall__grid{grid-template-columns:repeat(2,1fr);gap:32px}.htm-wall__intro{grid-column:1 / -1}.htm-wall__intro-image{margin-top:8px}}@media screen and (max-width:749px){.htm-wall__grid{grid-template-columns:repeat(2,1fr);gap:24px}.htm-wall__intro-image img{aspect-ratio:1 / 1;object-fit:cover;object-position:bottom}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-how-to-measure-wall.css.map */