.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 32px 0 0; }
.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tab { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: 8px; color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 500; }
.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tab em { font-style: normal; font-size: 13px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); padding: 1px 7px; border-radius: 10px; background: var(--h-vlak, var(--wash2, #eef2f3)); }
.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tab:hover { border-color: var(--ink); }
.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tab.h-aan { background: var(--ink); border-color: var(--ink); color: #fff; }
.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tab.h-aan em { background: rgba(255, 255, 255, .16); color: #fff; }
@media (min-width: 1000px) {
.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tabs { gap: 10px; margin: 40px 0 0; }
}
.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tab { gap: 8px; height: 38px; padding: 0 15px; font-size: 15px; font-weight: 500; }
.winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tab em, .winkel.terra.cat-tabs:is(.cat-tabs, #vorm) .h-tab.h-aan em { padding: 0; border-radius: 0; background: none; color: inherit; font-size: 13.5px; font-weight: 500; opacity: .7; }