.winkel.terra.shop-page:is(.shop-page, #vorm) .h-stapper { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 40px; align-items: center; height: 50px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: 8px; overflow: hidden; background: #fff; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .h-stapper button { height: 100%; border: 0; background: var(--h-vlak, var(--wash2, #eef2f3)); color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); font-size: 20px; cursor: pointer; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .h-stapper input { height: 100%; border: 0 !important; border-radius: 0 !important; text-align: right; padding: 0 4px; box-shadow: none; background: #fff; font-size: 18px; font-weight: 600; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .h-stapper em { font-style: normal; font-size: 14px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); padding: 0 8px 0 2px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .h-bui { height: 50px; padding: 0 12px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: 8px; background: #fff; font: inherit; font-size: 15.5px; font-weight: 500; color: var(--ink); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .h-bui { font-size: 14.5px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-reken .h-stapper em { font-size: 16px; font-weight: 400; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); font-style: normal; }
@media (max-width: 1023px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-reken .h-stapper { width: 100%; min-width: 0; max-width: 100%; }
}