/* Houd alle bestelvelden binnen de kaart, ook bij lange variantnamen. */
.productkoopkaart,.productkoopkaart form,.productkoopkaart form>*,.productkoopkaart label{min-width:0;max-width:100%}
.productkoopkaart form{grid-template-columns:minmax(0,1fr)}
.productkoopkaart input,.productkoopkaart select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.productkoopkaart [hidden]{display:none!important}
.productkoopkaart .variantkeuze{display:grid;gap:5px;min-width:0}
.variantkeuze details{min-width:0;border:1px solid #b9c3bc;border-radius:7px;background:var(--wit,#fff);overflow:hidden}
.variantkeuze summary{display:list-item;padding:12px 14px;cursor:pointer;overflow-wrap:anywhere;white-space:normal;line-height:1.4}
.variantkeuze summary::marker{color:var(--groen)}
.variantkeuze summary>span{display:inline;min-width:0}
.variantkeuze summary .variantkeuze-tekst{display:inline-grid;max-width:calc(100% - 22px);vertical-align:top}
.variantkeuze-opties{max-height:360px;overflow-y:auto;border-top:1px solid var(--rand,#d8ded8)}
.productkoopkaart .variantkeuze-optie{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:13px 14px;border-bottom:1px solid var(--rand,#d8ded8);cursor:pointer;margin:0;white-space:normal}
.productkoopkaart .variantkeuze-optie:last-child{border-bottom:0}
.productkoopkaart .variantkeuze-optie input{width:18px;height:18px;margin:3px 0 0;padding:0;accent-color:var(--groen)}
.variantkeuze-tekst{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.4}
.variantkeuze-naam{font-weight:700}
.variantkeuze-info{font-size:.9em;font-weight:400}
.variantkeuze-niet{color:#973c2c}
.variantkeuze-optie.nietleverbaar{background:#f5f2ed;cursor:default;color:#625b55}
.variantkeuze summary:focus-visible,.variantkeuze-optie:focus-within{outline:3px solid var(--groen);outline-offset:-3px}
.variantkeuze-fout{margin:4px 0;color:#973c2c;font-weight:700}
body[data-thema="donker"] .variantkeuze details{background:#17241f;color:#edf5ef}
body[data-thema="donker"] .variantkeuze-optie.nietleverbaar{background:#28302b;color:#d4d8d4}
body[data-thema="donker"] .variantkeuze-niet,body[data-thema="donker"] .variantkeuze-fout{color:#ffb7a9}