.tarieven-hero{background:var(--asfalt);color:#fff;padding:64px 0 72px;position:relative;overflow:hidden}.tarieven-hero:after{content:"";background:repeating-linear-gradient(90deg,var(--lijn-d)0 36px,transparent 36px 64px);opacity:.5;height:3px;position:absolute;bottom:0;left:0;right:0}.tarieven-hero-title{margin:14px 0 16px;font-size:clamp(36px,5vw,58px);line-height:1.04}.tarieven-hero-title .geel{color:var(--kenteken)}.tarieven-hero-sub{color:#b9bdc5;max-width:52ch;font-size:17px;line-height:1.6}.tarieven-main{padding:0 0 80px}.tarieven-section{padding-top:72px}.tariff-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tariff-card{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);box-shadow:var(--shadow-card);padding:24px;transition:transform .15s,box-shadow .15s}.tariff-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px #17191e0f,0 20px 40px -12px #17191e38}.tariff-card-head{border-bottom:1px solid var(--lijn);align-items:center;gap:14px;margin-bottom:20px;padding-bottom:18px;display:flex}.tariff-vehicle-icon{background:var(--papier);border-radius:var(--r-m);flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;line-height:1;display:flex}.tariff-card-head strong{letter-spacing:-.01em;margin-bottom:2px;font-size:17px;font-weight:800;display:block}.tariff-card-head small{color:var(--grijs);font-size:12.5px}.tariff-rows{gap:10px;display:grid}.tariff-row{color:var(--grijs);justify-content:space-between;align-items:center;font-size:14.5px;display:flex}.tariff-value{font-family:var(--f-plate);color:var(--inkt);font-size:15px;font-weight:700}.tariff-card--skeleton{pointer-events:none;gap:14px;display:grid}.skeleton-line{background:linear-gradient(90deg,var(--lijn)25%,#e9e7e0 50%,var(--lijn)75%);background-size:200% 100%;border-radius:6px;width:100%;height:14px;animation:1.4s infinite shimmer}.skeleton-line--wide{width:70%}.skeleton-line--short{width:40%}.tarieven-search-wrap{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.tarieven-search{flex:1;min-width:260px;max-width:540px;position:relative}.tarieven-search svg:first-child{width:18px;height:18px;color:var(--grijs);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.tarieven-search input{width:100%;font-family:var(--f-body);border:1.5px solid var(--lijn);border-radius:var(--r-m);background:var(--wit);padding:14px 44px 14px 46px;font-size:15.5px;transition:border-color .15s,box-shadow .15s}.tarieven-search input:focus{border-color:var(--inkt);outline:none;box-shadow:0 0 0 3px #17191e12}.tarieven-search input::placeholder{color:#9a9ea6}.tarieven-search-clear{background:var(--lijn);cursor:pointer;width:30px;height:30px;color:var(--grijs);border:none;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.tarieven-search-clear:hover{color:var(--inkt);background:#d8d7d0}.tarieven-search-clear svg{width:12px;height:12px}.tarieven-search-count{color:var(--grijs);white-space:nowrap;font-size:13.5px}.route-tariff-table{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);box-shadow:var(--shadow-card);overflow:hidden}.route-tariff-header{background:var(--papier);border-bottom:1px solid var(--lijn);font-family:var(--f-plate);letter-spacing:.1em;text-transform:uppercase;color:var(--grijs);grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px;padding:13px 24px;font-size:11px;font-weight:700;display:grid}.route-tariff-header-vehicle{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.vehicle-header-icon{font-size:18px;line-height:1}.route-tariff-header-vehicle small{letter-spacing:.04em;text-transform:none;color:#9da2ab;font-size:10px;font-weight:600;font-family:var(--f-body)}.route-tariff-row{border-bottom:1px solid var(--lijn);grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;gap:16px;padding:0 24px;transition:background .12s;display:grid}.route-tariff-row:last-child{border-bottom:none}.route-tariff-row:hover{background:var(--papier)}.route-tariff-destination{flex-direction:column;gap:4px;padding:14px 0;display:flex}.route-tariff-name{color:var(--inkt);font-size:14px;font-weight:600}.badge-directions{font-size:10.5px;font-weight:600;font-family:var(--f-plate);letter-spacing:.02em;color:var(--grijs);align-items:center;gap:4px;width:fit-content;display:inline-flex}.route-tariff-price-cell{justify-content:center;align-items:center;padding:14px 0;display:flex}.route-tariff-price-value{font-family:var(--f-plate);color:var(--inkt);white-space:nowrap;font-size:14px;font-weight:700}.route-tariff-na{font-family:var(--f-plate);color:var(--lijn);font-size:14px}.route-tariff-row--skeleton{pointer-events:none}.route-tariff-row--skeleton .route-tariff-destination{padding:18px 24px}.route-tariff-row--skeleton .route-tariff-price-cell{padding:18px 8px}.tarieven-empty{text-align:center;color:var(--grijs);flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}.tarieven-empty svg{width:40px;height:40px;color:var(--lijn)}.tarieven-empty p{color:var(--inkt);margin:0;font-size:15px;font-weight:700}.tarieven-empty button{font-family:var(--f-body);color:var(--inkt);border:1.5px solid var(--lijn);cursor:pointer;background:0 0;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s}.tarieven-empty button:hover{border-color:var(--inkt);background:var(--papier)}.tarieven-error{border-radius:var(--r-m);color:#b52020;background:#dc323214;border:1px solid #dc323233;padding:16px 20px;font-size:14.5px}.tarieven-info-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:72px;display:grid}.tarieven-info-card{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);box-shadow:var(--shadow-card);padding:28px}.tarieven-info-icon{border-radius:var(--r-m);background:var(--asfalt);width:44px;height:44px;color:var(--kenteken);place-items:center;margin-bottom:16px;display:grid}.tarieven-info-icon svg{width:22px;height:22px}.tarieven-info-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:800}.tarieven-info-card p{color:var(--grijs);font-size:14px;line-height:1.55}.tarieven-cta{background:var(--asfalt);border-radius:var(--r-l);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:56px;padding:40px;display:flex}.tarieven-cta h2{margin-bottom:6px;font-size:clamp(22px,3vw,32px)}.tarieven-cta p{color:#b9bdc5;font-size:15px}@media (max-width:900px){.tariff-cards-grid,.tarieven-info-grid{grid-template-columns:1fr 1fr}.route-tariff-header,.route-tariff-row{grid-template-columns:1fr 100px 100px 100px 100px;gap:12px}}@media (max-width:680px){.route-tariff-header,.route-tariff-row{grid-template-columns:1fr 80px 80px 80px 80px;gap:8px;padding:0 16px}.route-tariff-destination,.route-tariff-price-cell{padding:12px 0}.route-tariff-name{font-size:13px}}@media (max-width:540px){.tariff-cards-grid,.tarieven-info-grid{grid-template-columns:1fr}.route-tariff-header{display:none}.route-tariff-row{grid-template-columns:1fr 1fr;align-items:start;gap:8px;padding:14px 16px;display:grid}.route-tariff-destination{border-bottom:1px solid var(--lijn);grid-column:1/-1;margin-bottom:2px;padding:0 0 10px}.route-tariff-price-cell{background:var(--papier);border-radius:var(--r-m);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;padding:8px 10px}.route-tariff-price-cell:before{content:attr(data-label);color:var(--grijs);letter-spacing:.02em;margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}.route-tariff-row--skeleton .skeleton-line:first-child{grid-column:1/-1}.tarieven-cta{flex-direction:column;align-items:flex-start;padding:28px 24px}.tarieven-search-wrap{flex-direction:column;align-items:flex-start}.tarieven-search{min-width:100%;max-width:100%}}