.featured-products{padding-block:38px 42px;max-width:1020px}
.featured-products>h2{text-align:center;margin-bottom:24px;font-size:30px}
.featured-products>h2>span{color:#0B4ACD}
.featured-banner{position:relative;display:flex;align-items:center;min-height:390px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 75% 60%,#0B4ACD 0%,#07151b 37%,#020709 75%);color:#fff}
.featured-banner-copy{position:relative;z-index:1;padding:35px 42px;width:55%}
.featured-brand{display:block;font-size:29px;font-weight:800;letter-spacing:1px;margin-bottom:38px}
.featured-brand small{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#c6d4d9}
.featured-banner h3{font-size:clamp(32px,4.5vw,58px);line-height:1.06;letter-spacing:-1.8px;font-weight:800}
.featured-banner h3 em{color:var(--wabio-green-22b600);font-style:normal}
.featured-banner p{color:#c1cbd1;font-size:20px;margin-top:14px}
.featured-banner-device{position:absolute;right:-2%;bottom:0;width:61%;height:100%;filter:drop-shadow(0 0 13px var(--wabio-green-22b60065))}
.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin-top:18px}
.featured-item{text-align:center;display:block;min-width:0;border-radius:12px;padding-bottom:8px}
.featured-item-art{height:220px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px;margin-bottom:10px}
.featured-item-art svg{height:100%;width:100%;max-width:320px}
.featured-blue .featured-item-art{background:radial-gradient(circle at 20% 90%,#ECF5F9,#F6FAFC)}
.featured-sand .featured-item-art{background:radial-gradient(circle at 70% 90%,#fff0d3,#fffbf3)}
.featured-blue svg,.featured-sand svg{mix-blend-mode:multiply}
.featured-plain .featured-item-art{height:180px}
.featured-plain svg{max-width:250px}
.featured-item:last-child:nth-child(odd){grid-column:1/-1;width:50%;justify-self:center}
.featured-item h3{font-size:17px;letter-spacing:.5px;font-weight:750}
.featured-item p{font-size:13px;margin-top:3px}
.featured-item:hover h3{color:var(--blue)}
.featured-banner:focus-visible,.featured-item:focus-visible{outline-offset:5px}
@media(max-width:600px){.featured-products{padding-block:26px 30px}.featured-products>h2{font-size:25px;margin-bottom:18px}.featured-banner{min-height:230px;border-radius:10px}.featured-banner-copy{padding:22px 17px;width:56%}.featured-brand{font-size:18px;margin-bottom:28px}.featured-brand small{font-size:6px}.featured-banner h3{font-size:clamp(24px,6vw,36px);letter-spacing:-1px}.featured-banner p{font-size:11px;margin-top:9px}.featured-banner-device{right:-8%;width:67%}.featured-grid{gap:18px 12px;margin-top:12px}.featured-item-art{height:150px;border-radius:9px}.featured-plain .featured-item-art{height:135px}.featured-item h3{font-size:11px;letter-spacing:.2px}.featured-item p{font-size:9px}.featured-item:last-child:nth-child(odd){width:65%}}
