/* Dépanneur Épaviste Gratuit: dépannage pages only (city, hub, service). Same tokens as site.css; loaded after it.
   The receipt carries grid examples instead of 0 €, the relevé lists what is included and what is added. */
.ticket--dep .ticket__total strong{font-size:2.25rem}
.ticket--dep .ticket__rows b{font-weight:700}
.ticket--dep .ticket__paid + .ticket__paid{margin-top:.125rem}
.svc-rows li{grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center}
.svc-rows svg{width:2.5rem;height:2.5rem;padding:.5625rem;border-radius:50%;background:var(--brume);color:var(--marque)}
.releve__col:not(.releve__col--paid) .svc-rows svg{background:var(--brume);color:var(--marque);stroke-width:1.75;padding:.5625rem}
.svc-rows a{display:block;margin-bottom:.125rem;font-weight:700;text-decoration:none}
.svc-rows a:hover{text-decoration:underline}
.svc-rows small{display:block;margin-top:.25rem;font-size:.875rem;color:var(--encre-douce)}
.svc-rows b{font-size:1.125rem}
.sec .svc-rows{margin-top:1.5rem;border-top:2px solid var(--encre)}
.pic--dep{margin-top:2rem}
.tips__h{margin:0 0 .75rem;font-size:1.25rem}
.tips{margin:0;padding:0;list-style:none;border-top:1px solid var(--filet)}
.tips li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;align-items:start;margin:0;padding:.75rem 0;border-bottom:1px solid var(--filet);font-size:.9375rem;line-height:1.45}
.tips svg{width:2.25rem;height:2.25rem;padding:.5rem;border-radius:50%;background:#fff;color:var(--marque)}
.near--dep small{text-align:right}
@media (max-width:39.99rem){.near--dep li{flex-wrap:wrap} .near--dep small{white-space:normal}}
.also .svc-rows + .small{margin-top:.875rem}
.cards--dep b{display:block;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--filet);color:var(--marque);font-size:1.375rem;font-weight:700;line-height:1.2}
.cards--dep b small{display:block;margin-top:.125rem;color:var(--encre-douce);font-size:.8125rem;font-weight:400;line-height:1.35}
.region-h--dep{margin-top:3rem;padding-bottom:.5rem;border-bottom:2px solid var(--encre)}
@media (max-width:39.99rem){.svc-rows li{grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.75rem;align-items:start} .svc-rows svg{width:2.25rem;height:2.25rem;padding:.5rem} .svc-rows span{font-size:.9375rem;line-height:1.45} .svc-rows b{font-size:1rem}}
