/*
 * Mobiele verbeteringen bovenop de canvas (alleen telefoonbreedte, ≤760px).
 * De canvas-CSS (ilko.css en de paginabestanden) blijft ongewijzigd; alles wat hier staat wint.
 */

@media (max-width:760px){

/* Hero: zie hero.css (vloeiend op alle breedtes). */

/* ---------- Prijscheck: reparaties als overzichtelijke lijst ---------- */
.ik .pc-sec .tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.ik .pc-sec .tile{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"ic n p" "ic d p";column-gap:12px;row-gap:1px;align-items:center;min-height:0;padding:12px 14px;text-align:left}
.ik .pc-sec .tile .tile-top{display:contents}
.ik .pc-sec .tile .icon-sq{grid-area:ic;width:44px;height:44px}
.ik .pc-sec .tile .tile-dur{grid-area:d;margin:0;font-size:13px}
.ik .pc-sec .tile .tile-n{grid-area:n;font-size:17px;margin:0}
.ik .pc-sec .tile .tile-s{display:none}
.ik .pc-sec .tile .pt{grid-area:p;margin:0;justify-self:end;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:0}
.ik .pc-sec .tile .pt-p{font-size:20px}
.ik .pc-sec .tile:hover{transform:none}
/* samenvatting: alleen wat je nodig hebt */
.ik .pc-sec .sum{padding:22px 20px}
.ik .pc-sec .sum-title{font-size:24px}
.ik .pc-sec .sum-dl div:nth-child(n+3){display:none}
.ik .pc-sec .sum-dl{margin-top:16px}
.ik .pc-sec .sum-note{font-size:14px}

/* ---------- Refurbished grades: de tekening direct onder de keuze ---------- */
#refurbished .rf{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left}
#refurbished .rf-l{display:contents}
#refurbished .rf-l > *{order:5}
#refurbished .rf-l > .h2{order:1}
#refurbished .rf-l > .lead{order:2;font-size:16px!important;margin-top:12px}
#refurbished .rf-l > .grades{order:3;margin-top:20px}
#refurbished .rf-r{order:4;margin:8px 0 4px}
#refurbished .kt{height:300px}
#refurbished .kt-c{width:240px;height:240px;margin:-120px 0 0 -120px}
#refurbished .kt-b{transform:scale(.5);left:calc(50% - 24px);top:22px}
#refurbished .kt-f{transform:rotate(-7deg) scale(.5);left:calc(50% - 100px);top:44px}
#refurbished .rf-l > p.d{margin-top:4px!important}

}