/* QEMB — six compagnons de voyage. Illustrations locales, sans JavaScript. */
.fun-feature-deck .fun-feature-card {
  min-height: 146px;
}

.fun-feature-deck .qemb-fun-icon {
  display: block;
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  margin: 0 0 5px;
  background-image: url("qemb_fun_icons_v1.webp");
  background-repeat: no-repeat;
  background-size: 300% 200%;
  transform-origin: 50% 75%;
  transition: transform 180ms ease-out;
}

.qemb-icon-boat { background-position: 0% 0%; }
.qemb-icon-weather { background-position: 50% 0%; }
.qemb-icon-night { background-position: 100% 0%; }
.qemb-icon-port { background-position: 0% 100%; }
.qemb-icon-trip { background-position: 50% 100%; }
.qemb-icon-ais { background-position: 100% 100%; }

.fun-feature-deck button.fun-feature-card:focus-visible {
  outline: 3px solid #12395d;
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .fun-feature-card:hover .qemb-fun-icon,
  .fun-feature-card:focus-visible .qemb-fun-icon {
    transform: translateY(-2px) rotate(-5deg) scale(1.06);
  }
}

@media (max-width: 700px) {
  .fun-feature-deck .fun-feature-card { min-height: 138px; }
  .fun-feature-deck .qemb-fun-icon { width: 64px; height: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  .fun-feature-deck .fun-feature-card,
  .fun-feature-deck .qemb-fun-icon { transition: none; }
}