/* Mobiel menu v2 "snelkiezer" (followgrow) */
.fgm-v2{--fv-p:#57009B;--fv-inkt:#160f24;--fv-grijs:#6b6478;--fv-lijn:#ece6f3;--fv-band:linear-gradient(118deg,#36006a 0%,#57009B 32%,#9a1f97 62%,#e2506a 86%,#FFA73F 112%);background:#f7f4fb;font-family:'Ubuntu',Helvetica,Arial,sans-serif;color:var(--fv-inkt)}
.fgm-v2 *{box-sizing:border-box}
.fgm-v2 .fgm-dr-in{background:#f7f4fb}

/* kop */
.fv-kop{position:relative;flex:none;padding:12px 16px 0;background:var(--fv-band);color:#fff;border-radius:0 0 28px 28px;box-shadow:0 18px 36px -24px rgba(60,0,110,.75);overflow:hidden;z-index:1}
.fv-kop::before{content:"";position:absolute;inset:0;background:radial-gradient(380px 180px at 105% -20%,rgba(255,255,255,.28),transparent 60%),radial-gradient(260px 160px at -10% 110%,rgba(255,167,63,.25),transparent 60%);pointer-events:none}
.fv-kop>*{position:relative}
.fv-kop-r1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fv-logo{display:inline-flex;align-items:center;height:42px;padding:0 12px;border-radius:14px;background:#fff;box-shadow:0 8px 20px -12px rgba(0,0,0,.45)}
.fv-logo a{display:block;line-height:0}
.fv-logo img{display:block;height:28px !important;width:auto !important;max-width:150px !important}
.fgm-v2 .fv-x{display:grid !important;place-items:center;width:42px !important;height:42px !important;min-height:0 !important;padding:0 !important;margin:0 !important;border:1px solid rgba(255,255,255,.4) !important;border-radius:14px !important;background:rgba(255,255,255,.16) !important;color:#fff !important;box-shadow:none !important;outline:0;line-height:0 !important;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.fgm-v2 .fv-x svg{width:20px;height:20px;stroke:#fff;fill:none;background:none !important;border:0 !important}
.fv-x .fgm-ic{width:20px;height:20px}
.fv-titel{margin:16px 0 12px !important;font-size:26px !important;line-height:1.15 !important;font-weight:700 !important;letter-spacing:-.02em;color:#fff !important}
.fv-titel span{color:#ffd391}
.fv-zoek{display:flex;align-items:center;gap:10px;height:50px;margin:0;padding:0 14px;border-radius:16px;background:#fff;color:#8a8399;box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.fv-zoek .fgm-ic{width:19px;height:19px;flex:none}
.fv-zoek input{flex:1;min-width:0;height:48px !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;outline:0;font:500 16px 'Ubuntu',sans-serif !important;color:var(--fv-inkt) !important}
.fv-rail{display:flex;gap:4px;margin:14px -16px 0;padding:2px 16px 16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.fv-rail::-webkit-scrollbar{display:none}
.fv-pl{all:unset;box-sizing:border-box;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:70px;padding:6px 0 4px;border-radius:16px;cursor:pointer;scroll-snap-align:start;color:#fff;text-decoration:none !important;opacity:.78;transition:opacity .15s,background .15s}
.fv-pl .fgm-tile-l{width:52px;height:52px;border-radius:17px;box-shadow:0 0 0 2px rgba(255,255,255,.3);transition:transform .15s,box-shadow .15s}
.fv-pl .fgm-tile-l .fgm-ic{width:25px;height:25px}
.fv-pl span{max-width:100%;font-size:12px;font-weight:600;line-height:1.15;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fv-pl.is-aan{opacity:1;background:rgba(255,255,255,.16)}
.fv-pl.is-aan .fgm-tile-l{box-shadow:0 0 0 3px #fff,0 10px 20px -8px rgba(0,0,0,.55);transform:translateY(-1px)}
.fv-pl.is-link{opacity:.62}
.fv-pl:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* inhoud */
.fv-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:18px 16px 30px}
.fv-plat-kop{display:flex;align-items:center;gap:10px;margin:0 2px 12px}
.fv-plat-kop .fgm-tile-s{width:30px;height:30px;border-radius:9px}
.fv-plat-kop .fgm-tile-s .fgm-ic{width:16px;height:16px}
.fv-plat-kop b{font-size:18px}
.fv-plat-kop>span:last-child{margin-left:auto;font-size:12.5px;color:var(--fv-grijs);font-weight:500}
.fv-plat-kop .fgm-tile{margin:0 !important}
.fv-soorten{display:flex;gap:6px;margin:0 -16px 12px;padding:0 16px 2px;overflow-x:auto;scrollbar-width:none}
.fv-soorten::-webkit-scrollbar{display:none}
.fv-soort{all:unset;box-sizing:border-box;flex:none;padding:9px 15px;border-radius:999px;background:#fff;border:1.5px solid var(--fv-lijn);font-size:14px;font-weight:700;color:#3d3650;cursor:pointer;transition:all .15s}
.fv-soort.is-aan{background:var(--fv-inkt);border-color:var(--fv-inkt);color:#fff;box-shadow:0 8px 18px -10px rgba(22,15,36,.7)}
.fv-lijst{display:flex;flex-direction:column;gap:8px}
.fv-lijst[hidden],.fv-plat[hidden]{display:none}
.fv-item{display:flex;align-items:center;gap:12px;padding:11px 10px 11px 11px;border-radius:18px;background:#fff;border:1px solid var(--fv-lijn);box-shadow:0 6px 16px -14px rgba(40,10,80,.45);color:var(--fv-inkt) !important;text-decoration:none !important;transition:transform .12s,border-color .15s}
.fv-item:active{transform:scale(.985)}
.fv-item .fgm-tile{width:40px;height:40px;border-radius:12px}
.fv-item .fgm-tile .fgm-ic{width:20px;height:20px}
.fv-item-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fv-item-t b{display:block;font-size:15px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.fv-pop{align-self:flex-start;font-style:normal;font-size:10.5px;font-weight:700;line-height:1;padding:3px 7px;margin-bottom:2px;border-radius:999px;background:linear-gradient(135deg,#57009B,#9a1f97);color:#fff;letter-spacing:.02em;text-transform:uppercase}
.fv-item-t>span{font-size:13px;color:var(--fv-grijs)}
.fv-item-t>span b{display:inline;color:var(--fv-inkt);font-size:13px}
.fv-bestel{flex:none;padding:9px 14px;border-radius:12px;background:var(--fv-p);color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 8px 16px -10px rgba(87,0,155,.8)}
.fv-item.is-top{border-color:#d9c3f2;background:linear-gradient(135deg,#fff 0%,#faf5ff 100%);box-shadow:0 12px 26px -18px rgba(87,0,155,.6)}
.fv-item.is-top .fv-bestel{background:linear-gradient(135deg,#57009B,#9a1f97 70%,#e2506a)}
.fv-meer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;padding:11px;border-radius:14px;color:var(--fv-p) !important;font-weight:700;font-size:14px;text-decoration:none !important}
.fv-meer .fgm-ic,.fv-alle .fgm-ic,.fv-garantie>.fgm-ic{width:16px;height:16px}
.fv-alle{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;padding:14px;border-radius:16px;border:1.5px dashed #d6c6ea;background:#fff;color:var(--fv-p) !important;font-weight:700;font-size:14.5px;text-decoration:none !important}

/* hulp & account */
.fv-kopje{margin:26px 2px 10px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8a8399}
.fv-garantie{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--fv-inkt);color:#fff !important;text-decoration:none !important;box-shadow:0 14px 28px -18px rgba(22,15,36,.8)}
.fv-gar-ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:var(--fv-band)}
.fv-garantie>span:nth-child(2){flex:1;min-width:0}
.fv-garantie b{display:block;font-size:15px}
.fv-garantie small{display:block;font-size:12.5px;opacity:.75;line-height:1.35}
.fv-hulp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.fv-hulp a{display:flex;align-items:center;gap:9px;padding:13px 12px;border-radius:16px;background:#fff;border:1px solid var(--fv-lijn);color:var(--fv-inkt) !important;font-size:14px;font-weight:600;text-decoration:none !important}
.fv-hulp a .fgm-ic,.fv-hulp a svg{width:19px;height:19px;color:var(--fv-p);flex:none}
.fv-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:22px 0 4px;font-size:12.5px;color:var(--fv-grijs);font-weight:500}
.fv-trust span{display:inline-flex;align-items:center;gap:5px}
.fv-trust .fgm-ic,.fv-trust svg{width:14px;height:14px}
.fv-trust b{color:var(--fv-inkt)}
.fv-trust i{font-style:normal;color:#f5a623;letter-spacing:1px}
@media (prefers-reduced-motion:reduce){.fv-pl,.fv-item,.fv-soort{transition:none}}
.fgm-v2 .fv-x:focus:not(:focus-visible){box-shadow:none !important;outline:0 !important}
.fgm-v2 .fv-x:focus-visible{outline:2px solid #fff !important;outline-offset:2px}
/* Rijen die doorlopen: vervaging aan de kant waar nog meer staat */
.fv-rail.is-rechts{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
.fv-rail.is-links{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px);mask-image:linear-gradient(90deg,transparent,#000 36px)}
.fv-rail.is-links.is-rechts{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 44px),transparent)}
.fv-soorten.is-rechts{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.fv-soorten.is-links{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px);mask-image:linear-gradient(90deg,transparent,#000 32px)}
.fv-soorten.is-links.is-rechts{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 40px),transparent)}
.fv-rail{scroll-padding-inline:16px}