.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-knop { border: 0;
border-radius: 0;
box-shadow: none;
clip-path: var(--g-hoek-k, polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%));
background: var(--g-accent, var(--winkel-accent));
color: var(--g-accent-ink, var(--winkel-accent-ink, #fff));
font-weight: 600; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-knop:hover { background: color-mix(in srgb, var(--g-accent, var(--winkel-accent)) 88%, #000); }
@media (min-width: 1024px) {
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .shop-header :is(.g-actie) { position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
width: auto;
min-width: 0;
height: auto;
padding: 0;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--ink);
font: inherit;
font-size: 13px;
line-height: 16px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
cursor: pointer; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .shop-header :is(.g-actie) svg { width: 22px; height: 22px; flex: none; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .shop-header :is(.g-actie):hover { color: var(--g-accent-tekst, color-mix(in srgb, var(--winkel-accent) 78%, #000)); background: none; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .shop-header .g-actie[aria-expanded="true"] { color: var(--g-accent-tekst, color-mix(in srgb, var(--winkel-accent) 78%, #000)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .shop-header .g-actie-woord { display: block; font-size: 13px; font-weight: 600; }
}
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel { position: absolute; z-index: 60; top: 100%; left: 0; right: 0; padding: 0 var(--nova-zij); pointer-events: none; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel[hidden] { display: none; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel-in { pointer-events: auto;
display: grid;
grid-template-columns: 268px minmax(0, 1fr);
gap: 32px;
max-width: var(--g-breed, var(--thema-breedte, 1296px));
margin: 0 auto;
padding: 28px 32px;
background: var(--card, #fff);
box-shadow: 0 24px 48px color-mix(in srgb, var(--g-donker, var(--donker-vlak, var(--ink))) 22%, transparent);
border-top: 3px solid var(--g-accent, var(--winkel-accent)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel-kop { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel-titel { font-size: 21px; line-height: 26px; font-weight: 700; color: var(--ink); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel-zin { font-size: 14px; line-height: 21px; color: var(--g-zacht, color-mix(in srgb, var(--ink) 72%, #fff)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel-dicht { position: absolute; top: -12px; right: -12px; display: none; }
@media (max-width: 1023px) {
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel { position: fixed; inset: 0; z-index: 200; padding: 0; background: color-mix(in srgb, var(--g-donker, var(--donker-vlak, var(--ink))) 55%, transparent); pointer-events: auto; overflow-y: auto; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel-in { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 20px 16px 24px; border-top: 0; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snelpaneel-dicht { display: grid; place-items: center; top: -8px; right: -4px; width: 44px; height: 44px; border: 0; background: none; color: var(--ink); }
}
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .site-snel.g-snel { display: grid;
grid-template-columns: 268px minmax(0, 1fr);
gap: 32px;
align-items: center;
max-width: var(--g-breed, var(--thema-breedte, 1296px));
margin-inline: auto;
padding: 28px 32px;
box-sizing: border-box;
background: var(--card, #fff);
clip-path: var(--g-hoek, polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .site-blok.soort-snelbestellen:has(.g-snel) { filter: drop-shadow(0 20px 40px color-mix(in srgb, var(--g-donker, var(--donker-vlak, var(--ink))) 18%, transparent)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .site-blok.soort-hero + .site-blok.soort-snelbestellen > .site-snel.g-snel { margin-block: 0; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .site-snel.g-snel .site-snel-tekst { gap: 8px; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .site-snel.g-snel .site-snel-tekst h2 { margin: 0; font-family: inherit; text-transform: none; font-size: 21px; line-height: 26px; font-weight: 700; letter-spacing: 0; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .site-snel.g-snel .site-snel-tekst .site-rijzin { margin: 0; font-size: 14px; line-height: 21px; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-vak { display: grid; grid-template-columns: minmax(0, 1fr) 232px; gap: 32px; align-items: center; margin: 0; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-midden { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-veld { display: block;
width: 100%;
height: 72px;
min-height: 48px;
margin: 0;
padding: 10px 14px;
border: 1px solid var(--g-lijn, var(--line));
border-radius: 0;
background: var(--g-vlak, var(--wash2));
color: var(--ink);
font-family: var(--g-mono, "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
font-size: 14px;
line-height: 20px;
resize: vertical;
box-shadow: none; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-veld:focus { outline: 0; border-color: var(--g-donker, var(--donker-vlak, var(--ink))); background: var(--card, #fff); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-veld::placeholder { color: var(--g-zacht, color-mix(in srgb, var(--ink) 72%, #fff)); opacity: 1; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-regels { display: flex; flex-direction: column; border: 1px solid var(--g-lijn, var(--line)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-regels[hidden] { display: none; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-regel { display: grid; grid-template-columns: 136px minmax(0, 1fr) 92px; align-items: center; gap: 16px; min-height: 56px; padding: 8px 16px; border-bottom: 1px solid var(--g-lijn-2, color-mix(in srgb, var(--line) 55%, #fff)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-regel:last-child { border-bottom: 0; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-invoer { display: flex; gap: 10px; min-width: 0; font-family: var(--g-mono, "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-invoer b { font-weight: 600; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-invoer span { color: var(--g-zacht, color-mix(in srgb, var(--ink) 72%, #fff)); white-space: nowrap; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-gevonden { display: flex; align-items: center; gap: 12px; min-width: 0; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-img { flex: none; width: 40px; height: 32px; object-fit: contain; mix-blend-mode: multiply; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-naam { display: flex; flex-direction: column; min-width: 0; font-size: 14px; line-height: 19px; font-weight: 600; color: var(--ink); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-naam small { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--g-zacht, color-mix(in srgb, var(--ink) 72%, #fff)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-voorraad.is-ja { color: var(--g-groen, #1e7a3b); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-bedrag { text-align: right; font-size: 15px; line-height: 20px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-regel.is-mis .g-snel-invoer b, .winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-niet { color: #b42318; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-niet { font-size: 14px; font-weight: 600; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-eind { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-som { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; font-size: 14px; line-height: 20px; color: var(--g-zacht, color-mix(in srgb, var(--ink) 72%, #fff)); }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-som b { font-size: 24px; line-height: 28px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-som small { font-size: 13px; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-knop { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 52px; padding: 0 20px; font-size: 16px; cursor: pointer; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-knop:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 1023px) {
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .site-snel.g-snel { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 20px 16px; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-vak { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-regel { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "invoer bedrag" "gevonden gevonden"; row-gap: 6px; padding: 10px 12px; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-invoer { grid-area: invoer; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-gevonden { grid-area: gevonden; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .g-snel-bedrag { grid-area: bedrag; }
.winkel.terra.shop-page.kop-snel:is(.kop-snel, #grip) .shop-header .g-actie { display: none; }
}