/* MOVINGCOMPARE-FR-20261103: bouwstenen voor movingcompare.fr (regio's, stadchips, verhuizerskaarten). */
.mcf-h2{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:800;color:#14306E;margin:40px 0 14px}
.mcf-regions{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.mcf-region{display:flex;flex-direction:column;gap:3px;height:100%;padding:16px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#14306E;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.mcf-region:hover{border-color:#F5A524;box-shadow:0 6px 18px rgba(20,48,110,.1)}
.mcf-region-n{font-weight:700;line-height:1.3}
.mcf-region-c{font-size:.86rem;color:#475569}
.mcf-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mcf-chips a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#14306E;font-weight:600;font-size:.92rem;text-decoration:none}
.mcf-chips a:hover{border-color:#F5A524}
.mcf-chips small{color:#475569;font-weight:500}
.mcf-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.mcf-kaart{display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:100%;padding:16px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;text-decoration:none;color:#14306E}
.mcf-kaart:hover{border-color:#F5A524;box-shadow:0 6px 18px rgba(20,48,110,.1)}
.mcf-kaart-n{font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.mcf-kaart-p{font-size:.9rem;color:#475569}
.mcf-tag{margin-top:4px;padding:2px 10px;border-radius:999px;background:#eaf0fb;color:#14306E;font-size:.78rem;font-weight:600}
.mcf-tag--aanb{background:#fdf1d8;color:#6b4700}
.mcf-note{color:#475569;font-size:.92rem;margin:12px 0}
.mcf-crumb{font-size:.88rem;margin-bottom:10px;opacity:.9}
.mcf-crumb a{color:inherit}
.mp-lang a.mcf-lang-een{min-width:0}
.mcp-table td,.mcp-table th{white-space:normal}
/* Franse notatie: 1 540 € (symbool achter het bedrag). */
.mch-cost-amount,.mp-price-amount,.mp-result-amount,.mp-sticky-amount{display:flex!important;align-items:baseline;flex-wrap:wrap;column-gap:.18em}
.mp-result-amount,.mp-price-amount{justify-content:center}
.mch-cost-cur,.mp-currency-sym{order:2!important;margin:0 0 0 .1em!important}
.mch-cost-amount small{order:3!important}
.mcf-accord{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px 14px;background:#f5f7fb;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem;line-height:1.45;color:#334155;cursor:pointer}
.mcf-accord input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#14306E}
.mcf-accord a{color:#14306E;text-decoration:underline}
.mcf-guide{max-width:780px}
.mcp-hero .mcf-crumb{color:#dbe4f5}
.mch-routes .mch-route-extra .mch-route-block:last-child{grid-column:1/-1}
/* ── MOVINGCOMPARE-FR-ICONS/ANIM-20261103 ───────────────────────────── */
.mcf-ico{width:30px;height:30px;color:#2B5DB0!important;display:inline-block;vertical-align:middle;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s}
.mp-housing-card:has(input:checked) .mcf-ico,.mp-furniture-card:has(input:checked) .mcf-ico,label:has(input:checked) .mcf-ico{color:#E0901A!important;transform:scale(1.12)}
.mp-housing-card:hover .mcf-ico,.mp-furniture-card:hover .mcf-ico{transform:translateY(-2px) scale(1.06)}
.mp-panel-icon .mcf-ico{width:18px;height:18px;color:currentColor}
.mcf-anim .mcf-in{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--mcf-i,0) * 55ms)}
.mcf-anim .mcf-in.mcf-zicht{opacity:1;transform:none}
.mcf-anim .mcp-hero-inner>.mcf-in{transform:translateY(10px)}
.mcf-veer{animation:mcfVeer .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes mcfVeer{0%{transform:scale(1)}40%{transform:scale(.94)}100%{transform:scale(1)}}
.mp-panel.mcf-vooruit{animation:mcfVooruit .45s cubic-bezier(.2,.8,.2,1)}
.mp-panel.mcf-terug{animation:mcfTerug .45s cubic-bezier(.2,.8,.2,1)}
@keyframes mcfVooruit{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
@keyframes mcfTerug{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:none}}
.mp-step .mp-step-num{transition:background .35s,color .35s,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
.mp-step.active .mp-step-num{transform:scale(1.12);box-shadow:0 0 0 6px rgba(245,165,36,.22)}
.mcf-region,.mcf-kaart,.mch-chip{transition:transform .25s ease,box-shadow .25s ease,border-color .2s}
.mcf-region:hover,.mcf-kaart:hover{transform:translateY(-3px)}
.mcp-hero{background-size:115% auto;animation:mcfDrift 22s ease-in-out infinite alternate}
@keyframes mcfDrift{from{background-position:50% 40%}to{background-position:56% 60%}}
.mcp-btn--amber{position:relative;overflow:hidden}
.mcp-btn--amber::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:mcfGlans 4.5s ease-in-out 1.2s infinite}
@keyframes mcfGlans{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.mcf-ico,.mcp-hero,.mcp-btn--amber::after,.mp-panel.mcf-vooruit,.mp-panel.mcf-terug,.mcf-veer{animation:none!important;transition:none!important}}