.track-content{padding:2.6rem 0}
.track-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:1.4rem;align-items:start;max-width:980px;margin:0 auto}
.track-card{background:#fff;border:1px solid #e6e6e6;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.08)}
.track-head{padding:1.2rem 1.35rem;background:linear-gradient(180deg,#fff,#f6f8f6);border-bottom:1px solid #e6e6e6}
.track-head h2{margin:0 0 .35rem;color:#1e4025;font-size:1.35rem;font-weight:900}
.track-head p{margin:0;color:#3f4f45;line-height:1.55}
.track-body{padding:1.2rem 1.35rem}
.track-steps{display:flex;gap:10px;flex-wrap:wrap;margin:.2rem 0 1.1rem}
.step{flex:1 1 140px;background:#f6f8f6;border:1px solid #e6e6e6;border-radius:16px;padding:.75rem .85rem;position:relative}
.step b{display:block;color:#1e4025;font-weight:900;margin-bottom:.2rem}
.step span{display:block;color:#3f4f45;font-size:.92rem;line-height:1.4}
.step::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#1e4025,#94b3a0);opacity:.35}
.tracklabel{display:block;font-weight:900;color:#1e4025;margin:.9rem 0 .4rem}
.trackinput{width:100%;padding:.78rem .9rem;border:1px solid #cfd8cf;border-radius:14px;outline:none;font-size:.95rem}
.trackinput:focus{box-shadow:0 0 0 3px rgba(30,64,37,.14);border-color:#94b3a0}
.trackbutton{margin-top:1.2rem;width:100%;padding:.9rem 1rem;border:0;border-radius:999px;cursor:pointer;background:#1e4025;color:#fff;font-weight:900;font-size:.95rem}
.trackbutton:hover{filter:brightness(1.06)}
.track-help{margin:1rem 0 0;color:#66756b;font-size:.88rem;line-height:1.5}
.track-help a{color:#1e4025;font-weight:800;text-decoration:none;border-bottom:1px solid #94b3a0}
.track-help a:hover{opacity:.85}
.track-side{background:url('/img/uitvaartachtergrond.jpg') no-repeat center/cover;border-radius:20px;overflow:hidden;border:1px solid #e6e6e6;box-shadow:0 14px 34px rgba(0,0,0,.08);position:relative}
.track-side::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.72))}
.track-side-inner{position:relative;z-index:1;padding:1.2rem 1.35rem;color:#fff}
.track-side-inner h3{margin:0 0 .45rem;font-size:1.25rem;font-weight:900}
.track-side-inner p{margin:0 0 1rem;color:#f0f0f0;line-height:1.55}
.trust-grid{display:grid;grid-template-columns:1fr;gap:12px}
.trust{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:.95rem 1rem}
.trust b{display:block;font-weight:900;margin-bottom:.25rem}
.trust ul{margin:.35rem 0 0;padding-left:1.1rem;color:#f0f0f0;line-height:1.55}
.track-minirow{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mini{background:#fff;border:1px solid #e6e6e6;border-radius:18px;padding:1rem 1.05rem;box-shadow:0 10px 22px rgba(0,0,0,.06);min-width:0}
.mini h4{margin:0 0 .35rem;color:#1e4025;font-size:1rem;font-weight:900}
.mini p{margin:0 0 .75rem;color:#3f4f45;font-size:.9rem;line-height:1.45}
.mini-actions{display:flex;flex-direction:column;gap:8px}
.mini-btn{display:flex;align-items:center;justify-content:center;text-align:center;padding:.62rem .9rem;border-radius:999px;background:#1e4025;color:#fff;text-decoration:none;font-weight:900;border:1px solid #1e4025;line-height:1.2;white-space:nowrap}
.mini-btn:hover{filter:brightness(1.06)}
.mini-btn.ghost{background:#eef3ef;color:#1e4025;border:1px solid #cfd8cf}
.mini-btn.ghost:hover{background:#e6eee8}
@media(max-width:980px){.track-wrap{grid-template-columns:1fr}.track-minirow{grid-template-columns:1fr}.mini-actions{flex-direction:row;flex-wrap:wrap}.mini-btn{flex:1 1 180px}}
/* mini-cards onderaan: full width + groter (desktop) */
.track-minirow{
    grid-column:1/-1;
    margin-top:22px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
  }
  
  /* mini-cards: meer body */
  .mini{
    border-radius:20px;
    padding:1.35rem 1.35rem 1.45rem;
    box-shadow:0 14px 34px rgba(0,0,0,.08);
    min-height:190px;
    display:flex;
    flex-direction:column;
  }
  
  .mini h4{font-size:1.08rem;margin:0 0 .55rem}
  .mini p{font-size:.95rem;line-height:1.6;margin:0 0 1.1rem}
  
  /* knoppen: CTA-gevoel, naast elkaar als er 2 zijn */
  .mini-actions{
    margin-top:auto;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:12px;
  }
  
  .mini-btn{
    flex:1 1 180px;
    padding:.72rem 1.1rem;
    font-size:.95rem;
  }
  
  /* mobiel blijft onder elkaar (zoals nu) */
  @media(max-width:980px){
    .track-minirow{grid-template-columns:1fr;gap:14px}
    .mini{min-height:auto}
  }