.kopen-blok{text-align:left;padding:10px 0 30px 0}.kopen-blok h2{display:block;text-align:left}.kopen-blok .kopen-sub{color:#666;margin-top:0;margin-bottom:20px}ul.kopen-winkels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0!important;padding:0!important;list-style:none}ul.kopen-winkels li{margin:0;padding:0}ul.kopen-winkels a{display:flex;align-items:center;gap:12px;height:100%;box-sizing:border-box;padding:12px 14px;background:#fff;border:1px solid #e3e3e3;border-radius:10px;color:#333;text-decoration:none;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}ul.kopen-winkels a:hover{border-color:#F79F1F;box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-2px)}ul.kopen-winkels img{display:block;width:56px;height:56px;object-fit:contain;border-radius:8px;flex-shrink:0}ul.kopen-winkels picture{display:block;flex-shrink:0}ul.kopen-winkels .kopen-tekst{display:flex;flex-direction:column;gap:6px;min-width:0}ul.kopen-winkels .kopen-naam{font-weight:700;font-size:15px;line-height:1.2;overflow-wrap:break-word}ul.kopen-winkels .kopen-cta{align-self:flex-start;font-size:13px;font-weight:600;color:#B35F00;white-space:nowrap}ul.kopen-winkels .kopen-cta i{margin-left:2px;transition:transform .15s}ul.kopen-winkels a:hover .kopen-cta{text-decoration:underline}ul.kopen-winkels a:hover .kopen-cta i{transform:translateX(3px)}.kopen-winkels .kopen-extra,.kopen-alles .kopen-meer{display:none}.kopen-alles .kopen-winkels .kopen-extra{display:list-item}button.kopen-meer{margin-top:14px;padding:0;border:0;background:none;font-family:inherit;cursor:pointer;font-size:14px;font-weight:600;color:#B35F00;list-style:none}button.kopen-meer:hover{text-decoration:underline}@media only screen and (max-width:900px){ul.kopen-winkels{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:520px){ul.kopen-winkels{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 8px 2px!important}ul.kopen-winkels li{scroll-snap-align:start}.kopen-winkels .kopen-extra{display:list-item}button.kopen-meer{display:none}}