/* Original brand artwork: preserve colours and aspect ratios, never recolour it. */
.jpm-brandline__grid > a[data-brand],
.jpm-brand-story__top .jpm-brand-plaque {
  background: #fff;
  border: 1px solid #dce3df;
  border-radius: 16px;
  padding: 10px;
  min-height: 82px;
}
.jpm-brandline__grid > a[data-brand="ktm"],
.jpm-brand-plaque[data-brand="ktm"] { background: #ff6600; border-color: #ff6600; }
.jpm-brandline__grid > a[data-brand="husqvarna"],
.jpm-brand-plaque[data-brand="husqvarna"] { background: #26395d; border-color: #26395d; }
.jpm-brandline__grid > a[data-brand="gasgas"],
.jpm-brand-plaque[data-brand="gasgas"] { background: #cb1237; border-color: #cb1237; }
.jpm-brandline__grid > a[data-brand="benelli"],
.jpm-brand-plaque[data-brand="benelli"] { background: #20553e; border-color: #20553e; }
.jpm-brandline__grid img.jpm-brand-logo,
.jpm-brand-plaque img.jpm-brand-logo {
  display: block;
  width: 100%;
  height: 56px;
  max-width: 120px;
  max-height: 56px;
  object-fit: contain;
  filter: none;
  mix-blend-mode: normal;
}
.jpm-brandline__grid img.jpm-brand-logo--husqvarna,
.jpm-brandline__grid img.jpm-brand-logo--gasgas { max-width: 68px; max-height: 50px; }
.jpm-brandline__grid img.jpm-brand-logo--moto-morini { max-width: 84px; }
.jpm-brandline__grid > a[data-brand]:focus-visible { outline: 3px solid #00796b; outline-offset: 4px; }
.jpm-brand-story__top .jpm-brand-plaque {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  width: 160px;
  max-width: 100%;
  height: 82px;
  margin: 0;
}
.jpm-brand-story__top .jpm-brand-plaque::before { content: none; }
@media (max-width: 600px) {
  .jpm-brandline__grid > a[data-brand] { min-height: 82px; padding: 12px; }
  .jpm-brand-story__top .jpm-brand-plaque { min-width: 0; padding: 8px; }
}

/* Circular brand medallions: only the logo navigation, not the brand story cards. */
.jpm-brandline__grid {
  gap: 20px;
  align-items: center;
  justify-items: center;
}
.jpm-brandline__grid > a[data-brand] {
  box-sizing: border-box;
  width: 100%;
  max-width: 128px;
  aspect-ratio: 1;
  height: auto;
  min-height: 0;
  padding: 16px;
  border-radius: 50%;
  box-shadow: 0 3px 0 #192a2508;
  transition: transform .2s ease, box-shadow .2s ease;
}
.jpm-brandline__grid > a[data-brand]:hover {
  transform: translateY(-5px);
  box-shadow: 0 9px 22px #192a251a;
}
.jpm-brandline__grid img.jpm-brand-logo {
  max-width: 100%;
  width: 100%;
  height: 56px;
  max-height: 56px;
}
.jpm-brandline__grid img.jpm-brand-logo--husqvarna,
.jpm-brandline__grid img.jpm-brand-logo--gasgas { max-width: 68px; }
.jpm-brandline__hint { display: none; }
@media (max-width: 1100px) {
  .jpm-brandline .jpm-brandline__grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 24px 18px; }
}
@media (max-width: 600px) {
  .jpm-brandline .jpm-brandline__grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: #00796b #e5eee8;
    padding: 8px 5px 20px;
  }
  .jpm-brandline .jpm-brandline__grid > a[data-brand] { flex: 0 0 112px; width: 112px; scroll-snap-align: start; }
  .jpm-brandline__hint { display: block; margin: 0 0 12px; color: #53615d; font-size: .78rem; }
}
@media (prefers-reduced-motion: reduce) {
  .jpm-brandline__grid > a[data-brand] { transition: none; }
  .jpm-brandline__grid > a[data-brand]:hover { transform: none; }
}