.adv-vraag { position: fixed; z-index: 60; left: 16px; bottom: 16px; width: min(420px, calc(100vw - 32px));
background: var(--card, #fff); color: var(--nova-inkt, #1d2b22); border: 1px solid var(--nova-lijn, #e3e7e4);
border-radius: 14px; box-shadow: 0 16px 40px rgba(15, 23, 20, .18); padding: 18px 20px;
display: flex; flex-direction: column; gap: 10px; font-family: var(--winkel-letter, inherit); }
.adv-vraag[hidden] { display: none; }
.adv-vraag-titel { font-size: 15px; line-height: 22px; font-weight: 700; }
.adv-vraag-tekst { margin: 0; font-size: 13.5px; line-height: 20px; opacity: .85; }
.adv-vraag-tekst a { color: inherit; text-decoration: underline; }
.adv-vraag-knoppen { display: flex; gap: 8px; }
.adv-vraag-knop { flex: 1 1 0; height: 40px; border-radius: var(--nova-r-klein, 8px); border: 1px solid var(--nova-lijn, #c9d1cb);
background: var(--card, #fff); color: inherit; font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
.adv-vraag-knop.adv-vraag-ja { background: var(--nova-accent, #1f6b3a); border-color: var(--nova-accent, #1f6b3a); color: #fff; }
.adv-vraag-knop:focus-visible { outline: 2px solid var(--nova-accent, #1f6b3a); outline-offset: 2px; }
.adv-wijzig { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; text-decoration: underline; }
.adv-vraag { z-index: 70; }
@media (max-width: 760px) {
.winkel.terra.met-onderbalk .adv-vraag { bottom: calc(12px + 66px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 560px) {
.adv-vraag { left: 12px; right: 12px; width: auto; }
}
.adv-koekje-sluier { position: fixed; inset: 0; z-index: 1200; background: rgba(27, 31, 28, .46); }
.adv-koekje { position: fixed; z-index: 1201; left: 50%; top: 50%; transform: translate(-50%, -50%);
width: min(760px, calc(100vw - 48px)); max-height: calc(100vh - 32px); overflow-y: auto; box-sizing: border-box;
background: var(--card, #fff); color: var(--nova-inkt, #1b1f1c); border-radius: 14px;
box-shadow: 0 24px 60px rgba(15, 23, 20, .28); padding: 32px 36px;
display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 24px 40px;
font-family: var(--winkel-letter, inherit); text-align: left; }
.adv-koekje[hidden], .adv-koekje-sluier[hidden] { display: none; }
.adv-koekje:focus { outline: none; }
.adv-koekje-tekstvak { min-width: 0; }
.adv-koekje-titel { display: block; margin: 0 0 12px; font-size: 26px; line-height: 32px; font-weight: 800; letter-spacing: -.01em; overflow-wrap: break-word; }
.adv-koekje-tekst { margin: 0; font-size: 15px; line-height: 24px; color: var(--winkel-zacht, #5e655f); overflow-wrap: break-word; }
.adv-koekje-tekst a { color: var(--nova-inkt, #1b1f1c); text-decoration: underline; text-underline-offset: 2px; }
.adv-koekje-weigerlink { display: inline; margin: 0; padding: 0; border: 0; background: none; font: inherit; font-weight: 700;
color: #a8501c; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.adv-koekje-icoon { grid-column: 2; grid-row: 1; align-self: center; justify-self: center; width: 132px; height: 132px; color: var(--nova-accent, #0e7a3a); }
.adv-koekje-knoppen { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 236px)); grid-auto-rows: 1fr; gap: 12px; }
.adv-koekje-knop { min-height: 50px; box-sizing: border-box; margin: 0; padding: 8px 16px; border-radius: 8px; border: 2px solid transparent;
font: inherit; font-size: 16px; line-height: 20px; font-weight: 700; cursor: pointer; overflow-wrap: break-word; }
.adv-koekje-knop:focus-visible, .adv-koekje-weigerlink:focus-visible { outline: 2px solid var(--nova-accent, #0e7a3a); outline-offset: 2px; }
.adv-koekje-ja { background: var(--nova-accent, #0e7a3a); border-color: var(--nova-accent, #0e7a3a); color: #fff; }
.adv-koekje-weiger { background: #fbeee4; border-color: #d4783f; color: #8f4013; }
.adv-koekje-groen .adv-koekje-weiger { background: #fff; background: color-mix(in srgb, var(--nova-accent, #0e7a3a) 10%, #fff);
border-color: var(--nova-accent, #0e7a3a); color: var(--nova-accent, #0e7a3a); }
.adv-koekje-groen .adv-koekje-weigerlink { color: var(--nova-accent, #0e7a3a); }
.adv-koekje-grijs .adv-koekje-weiger { background: #f0f2f5; border-color: #98a2b3; color: #344054; }
.adv-koekje-grijs .adv-koekje-weigerlink { color: #344054; }
@media (max-width: 640px) {
.adv-koekje { top: auto; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); left: 12px; right: 12px; transform: none; width: auto;
max-height: calc(100vh - 24px); padding: 20px; grid-template-columns: minmax(0, 1fr) 52px; gap: 14px 12px; border-radius: 16px; }
.adv-koekje-titel { margin-bottom: 8px; font-size: 20px; line-height: 26px; }
.adv-koekje-tekst { font-size: 14px; line-height: 21px; }
.adv-koekje-icoon { width: 52px; height: 52px; align-self: start; }
.adv-koekje-knoppen { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.adv-koekje-knop { min-height: 48px; font-size: 15px; }
}
body a.adv-tel, body a.adv-tel:hover, body a.adv-tel:visited {
color: inherit; font: inherit; text-decoration: inherit; background: none; border: 0; padding: 0; box-shadow: none; }