/* Visual direction inspired by the clarity of modern window configurators,
   while retaining the IWInco identity and original content. */
body{background:#f6f7f6}
.topbar{height:76px;padding-inline:clamp(20px,5vw,76px);box-shadow:0 2px 14px rgba(20,35,27,.05)}
.brand{width:164px}
.nav-link{border-radius:4px;padding:11px 15px}
.nav-link:hover,.nav-link.active{background:transparent;color:#2f7146;box-shadow:inset 0 -3px #78b82a}
.intro{padding:25px clamp(20px,5vw,76px);background:#fff;color:#10231b;border-bottom:1px solid #dfe4e0;align-items:center}
.intro-copy{max-width:410px}
.intro h1{font-size:clamp(27px,3vw,42px);margin:5px 0 7px;letter-spacing:-.035em}
.intro p{color:#68736c}
.intro .eyebrow{color:#36724b;font-size:11px}
.progress{min-width:min(620px,54vw);justify-content:flex-end}
.progress-step{display:grid;justify-items:center;gap:7px;min-width:58px;color:#929a94;border:0;background:transparent;padding:0;cursor:pointer;font:inherit}
.progress-step span{width:34px;height:34px;border:2px solid #d7ddd8;background:#fff;color:#7b857e;font-size:13px}
.progress-step b{font-size:11px;font-weight:700}
.progress-step.current{color:#2f7146}
.progress-step.current span{background:#78b82a;border-color:#78b82a;color:#fff}
.progress-step:hover,.progress-step:focus-visible{color:#2f7146;outline:none}
.progress-step:hover span,.progress-step:focus-visible span{border-color:#78b82a;box-shadow:0 0 0 4px rgba(120,184,42,.14)}
.progress-step:active span{transform:translateY(1px)}
.progress i{width:clamp(18px,3vw,46px);margin-bottom:20px;background:#d7ddd8}
.catalog-heading{padding:32px clamp(20px,5vw,76px) 17px}
.catalog-heading h2{font-size:30px;letter-spacing:-.025em}
.category-tabs{padding:0 clamp(20px,5vw,76px) 22px}
.tab{border-radius:5px;padding:12px 22px;background:#fff}
.tab:hover,.tab.active{background:#35764b;border-color:#35764b}
.workspace{grid-template-columns:minmax(0,1fr) 395px;padding:0 clamp(20px,5vw,76px) 64px;gap:30px}
.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product{border-radius:7px;box-shadow:0 4px 17px rgba(22,40,30,.045)}
.product:hover,.product.selected{transform:none;box-shadow:0 8px 28px rgba(22,40,30,.11)}
.product-image{height:220px;background:#fff;border-bottom:1px solid #edf0ed}
.product-body{padding:20px}
.product h3{font-size:21px}
.product p{font-size:14px}
.product-footer span,.primary{color:#fff;background:#37784c}
.product-footer span{padding:8px 11px;border-radius:4px;font-size:12px}
.config-card{border-radius:7px;top:94px;box-shadow:0 8px 30px rgba(20,40,29,.1)}
.config-title{margin:-24px -24px 20px;padding:21px 24px;background:#18223a;color:#fff}
.config-title p{color:#c8d4e7}
.config-title button{background:rgba(255,255,255,.94);color:#18223a}
.config-content select,.config-content input[type=number]{border-radius:4px;height:48px}
.checks label{border-radius:4px;background:#f4f6f4}
.price-box{border-radius:5px;background:#f0f5ef;color:#15261d;border-left:4px solid #78b82a}
.price-box span,.price-box small{color:#66736a}
.primary{border-radius:4px;background:#78b82a;color:#17241d;font-size:15px}
@media(max-width:1100px){.progress{min-width:0}.workspace{grid-template-columns:1fr}.config-card{top:0}.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:68px}.intro{padding:22px 20px 18px}.intro-copy{max-width:none}.intro h1{font-size:29px}.intro p{font-size:14px}.progress{display:flex;overflow:hidden;margin-top:8px}.progress-step{min-width:42px}.progress-step b{display:none}.progress-step span{width:28px;height:28px}.progress i{width:14px;margin:0}.catalog-heading{padding:25px 20px 14px}.category-tabs{padding:0 20px 17px}.workspace{padding:0 20px 95px}.products{grid-template-columns:1fr}.product-image{height:210px}.config-title{margin:-24px -24px 20px}.nav-link:hover,.nav-link.active{box-shadow:inset 0 3px #78b82a}}