.bathroom-guide { max-width: 50rem; padding-top: 3rem; padding-bottom: 4rem; }
.bathroom-guide__title { margin-bottom: 2rem; font-size: 1.5rem; font-weight: 600; }
.bathroom-guide__video { width: 100%; aspect-ratio: 16 / 9; }
.bathroom-guide__video { display: block; object-fit: cover; }
.bathroom-guide__materials-section, .bathroom-guide__steps-section { margin-top: 2rem; }
.bathroom-guide h2 { margin-bottom: 1.5rem; font-size: 1rem; font-weight: 700; }
.bathroom-guide__materials-section p { margin-bottom: .25rem; }
.bathroom-guide__materials-section ul { padding-left: 1.25rem; }
.bathroom-guide__materials-section li { line-height: 1.25; }
.bathroom-guide__steps { margin: 0; padding: 0; list-style: none; counter-reset: bathroom-guide-step; }
.bathroom-guide__steps li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; margin-bottom: 1.5rem; counter-increment: bathroom-guide-step; }
.bathroom-guide__steps li::before { display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; color: #fff; background: #000; font-weight: 700; content: counter(bathroom-guide-step); }
.bathroom-guide__steps h3 { margin: 0 0 .35rem; font-size: .875rem; font-weight: 700; }
.bathroom-guide__steps p { margin: 0; }

@media (max-width: 1199.98px) {
    .bathroom-guide { padding-right: 1.5rem; padding-left: 1.5rem; }
}

@media (max-width: 767.98px) {
    .bathroom-guide { padding-top: 1.5rem; padding-bottom: 2.5rem; }
    .bathroom-guide__title { margin-bottom: 1.25rem; font-size: 1.25rem; }
    .bathroom-guide__materials-section, .bathroom-guide__steps-section { margin-top: 1.5rem; }
}