/* Scoped to the requested trailer catalogue and its photographs. */
.trailers .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.trailer-photo{display:block;aspect-ratio:3/2;background:#fff;overflow:hidden}
.trailer-photo img{display:block;width:100%;height:100%;object-fit:contain}
.trailers .card h3{font-weight:700}
#detail-picture.trailer-gallery{aspect-ratio:auto;display:grid;gap:12px;background:#fff}
#detail-picture.trailer-gallery img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:720px){.trailers .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.trailers .cards{grid-template-columns:1fr}}

/* Collection and delivery service spans the complete catalogue row. */
.trailers .transport-service{grid-column:1/-1}
.transport-service .card-body{display:flex;flex-direction:row;align-items:center;gap:30px;padding:26px}
.transport-service .card-body>div{flex:1}
.transport-service h3{font-size:1.5rem}
.transport-service p{margin-bottom:0;max-width:800px}
.transport-service .button{width:auto;flex-shrink:0;margin-top:0}
@media(max-width:720px){.transport-service .card-body{flex-direction:column;align-items:stretch;gap:18px;padding:22px}.transport-service .button{width:100%}}

.transport-service{display:grid;grid-template-columns:42% 1fr}.transport-service-image{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.transport-service .card-body{flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.transport-service .card-body>div{flex:0}.transport-service .button{width:auto}@media(max-width:720px){.transport-service{grid-template-columns:1fr}.transport-service-image{height:auto;min-height:0}.transport-service .card-body{align-items:stretch}.transport-service .button{width:100%}}

/* Fill the two columns beside the new compact trailer. */
@media(min-width:721px){.trailers .transport-service{grid-column:span 2}}

/* Show the transport text below the truck photograph. */
.transport-service{grid-template-columns:1fr}.transport-service-image{height:auto;min-height:0}

/* Crop equal amounts above and below: half the former 3:2 photo height. */
.transport-service-image{aspect-ratio:3/1;height:auto;object-fit:cover;object-position:center}