/* Keep the complete trailer, including wheels and hitch, in the class choice. */
.fp-site .fp-trailer-card{position:relative;isolation:isolate;overflow:visible;scroll-margin-top:140px}
.fp-site .fp-trailer-card .fp-premium-motif{position:relative;height:120px;--fp-trailer-width:min(100%,300px);--fp-trailer-bottom:-16px}
.fp-site .fp-trailer-photo{display:block;position:absolute;left:50%;bottom:var(--fp-trailer-bottom);width:var(--fp-trailer-width);max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transform:translateX(-50%);mix-blend-mode:multiply;pointer-events:none}
/* Match the motorcycle's soft ground contact, centered under the two axles.
   The shadow follows the image box and leaves the transparent hitch intact. */
.fp-site :is(.fp-trailer-card .fp-premium-motif,.fp-trailer-motif)::after{content:"";position:absolute;left:50%;bottom:var(--fp-trailer-bottom);width:var(--fp-trailer-width);max-width:100%;aspect-ratio:3/2;transform:translateX(-50%);background:radial-gradient(ellipse 25% 4.8% at 36% 94.5%,rgb(0 0 0 / .42),rgb(0 0 0 / .18) 44%,transparent 100%);mix-blend-mode:multiply;pointer-events:none}
/* Use the full generated silhouette instead of an opaque rectangular layer.
   Small feathered guards retain the original tyre edges where the generated
   silhouette is too tight, without exposing the surrounding image rectangle. */
@supports(mask-mode:luminance){
  .fp-site .fp-trailer-photo{
    mask-image:radial-gradient(ellipse 8.3% 12.5% at 27.3% 82%,#fff 96%,transparent 100%),radial-gradient(ellipse 8.3% 12.5% at 43.5% 82%,#fff 96%,transparent 100%),url('/uploads/fahrpuls-anhaenger-deichsel-maske.png');
    mask-mode:alpha,alpha,luminance;
    mask-size:100% 100%;
    mask-repeat:no-repeat;
    mask-composite:add;
  }
}
.fp-home .fp-trailer-choice{isolation:isolate;overflow:visible;background:var(--paper)}
.fp-home .fp-trailer-motif{position:relative;display:block;width:100%;height:72px;margin-bottom:24px;flex:none;--fp-trailer-width:min(calc(100% + 16px),200px);--fp-trailer-bottom:-4px}
.fp-home .fp-trailer-motif .fp-trailer-photo,.fp-home.fp-site .fp-trailer-motif::after{max-width:calc(100% + 16px)}
@media(min-width:721px){.fp-site .fp-class-photo-grid{row-gap:40px}}
@media(max-width:720px){
  .fp-site .fp-trailer-card .fp-premium-motif{height:100px;--fp-trailer-width:min(100%,240px);--fp-trailer-bottom:-12px}
  .fp-home .fp-trailer-motif{height:56px;margin-bottom:16px;--fp-trailer-width:min(calc(100% + 16px),140px)}
}