/* OKNOBER / Figma 172:70: 3 x 432×480 image slots, 46px gaps, 52px heading. */
.ab-drainage{background:#fbf9f7;color:#333;padding:var(--ab-dr-pt,76rem) 0 var(--ab-dr-pb,109rem)}
.ab-drainage__wrap{width:calc(100% - 388rem);max-width:1532rem;margin:0 auto}
.ab-drainage__heading{font-size:52rem;line-height:65rem;font-weight:700;letter-spacing:0;text-align:center;margin:0 0 16rem;overflow-wrap:break-word}
.ab-drainage__subtitle{font-size:28rem;line-height:44rem;font-weight:400;color:#111;text-align:center;margin:0 0 45rem;overflow-wrap:break-word}
.ab-drainage__grid{display:grid;grid-template-columns:repeat(3,minmax(0,432rem));gap:46rem;justify-content:center;align-items:start}
.ab-drainage__item{display:flex;flex-direction:column;gap:32rem;align-items:center;min-width:0;max-width:432rem;width:100%}
.ab-drainage__media{width:100%;aspect-ratio:432/480;border-radius:30rem;overflow:hidden;background:#edeae6}
.ab-drainage__image{display:block;object-fit:cover;object-position:center;width:100%;height:100%;max-width:none}
.ab-drainage__detail{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20rem}
.ab-drainage__badge{display:inline-flex;align-items:center;justify-content:center;min-height:38rem;padding:5rem 20rem;background:#ffd85c;border-radius:10rem;color:rgba(51,51,51,.8);font-size:24rem;font-weight:700;line-height:28rem}
.ab-drainage__name{font-size:24rem;line-height:28rem;font-weight:700;color:rgba(51,51,51,.8);margin:0;overflow-wrap:break-word}
.ab-drainage__description{font-size:18rem;line-height:28rem;font-weight:400;color:rgba(51,51,51,.8);margin:-10rem 0 0;overflow-wrap:break-word}
.ab-drainage__description br{display:block;content:""}
@media (max-width:900px) and (min-width:601px){
.ab-drainage{padding:75px 0 90px}
.ab-drainage__wrap{width:calc(100% - 48px);max-width:760px}
.ab-drainage__heading{font-size:40px;line-height:1.2;margin-bottom:16px}
.ab-drainage__subtitle{font-size:22px;line-height:1.4;margin-bottom:38px}
.ab-drainage__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px;justify-items:center}
.ab-drainage__item{max-width:360px;gap:21px}
.ab-drainage__media{border-radius:22px}
.ab-drainage__detail{gap:13px}
.ab-drainage__badge{min-height:34px;padding:4px 15px;border-radius:8px;font-size:19px;line-height:26px}
.ab-drainage__name{font-size:20px;line-height:1.3}
.ab-drainage__description{font-size:15px;line-height:1.5;margin:-4px 0 0}
.ab-drainage__item:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:600px){
.ab-drainage{padding:var(--ab-dr-pt,76rem) 0 var(--ab-dr-pb,109rem)}
.ab-drainage__wrap{width:calc(100% - 32rem);max-width:none}
.ab-drainage__heading{font-size:33rem;line-height:1.16;margin-bottom:15rem}
.ab-drainage__subtitle{font-size:19rem;line-height:1.35;margin-bottom:32rem}
.ab-drainage__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:44rem;justify-items:center}
.ab-drainage__item{width:100%;max-width:432rem;gap:20rem}
.ab-drainage__media{border-radius:22rem}
.ab-drainage__detail{gap:13rem}
.ab-drainage__badge{min-height:34rem;padding:4rem 16rem;border-radius:9rem;font-size:19rem;line-height:26rem}
.ab-drainage__name{font-size:21rem;line-height:1.25}
.ab-drainage__description{font-size:16rem;line-height:1.5;margin:-3rem 0 0}
}