.polas { --pola-acc: #4F46E5; --pola-ruban: rgba(79, 70, 229, .28); --pola-ruban-bis: rgba(15, 118, 110, .28); --pola-encre: #1E2A52;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 26px 22px; padding: 22px 0 6px; margin: 0; }
.pola { --r: -3deg; width: 210px; margin: 0; background: #fff; padding: 10px 10px 14px; border-radius: 6px; box-shadow: 0 6px 16px rgba(30, 42, 82, .18);
  transform: rotate(var(--r)); transition: transform .25s; text-align: center; position: relative; }
.pola:nth-child(2n) { --r: 2.5deg; }
.pola:nth-child(3n) { --r: -1.5deg; }
.pola:nth-child(5n) { --r: 3deg; }
.pola:nth-child(7n) { --r: -2.5deg; }
.pola:hover, .pola:focus-within { transform: rotate(0) scale(1.05); z-index: 2; }
.pola img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 3px; cursor: zoom-in; }
.pola figcaption { display: block; margin-top: 10px; font-size: 14px; color: var(--pola-encre); font-family: "Comic Sans MS", "Segoe Print", cursive; font-weight: 700; overflow-wrap: anywhere; }
.pola.grande { width: 270px; }
.pola::before { content: ""; position: absolute; top: -11px; left: 50%; width: 70px; height: 22px; margin-left: -35px; background: var(--pola-ruban); transform: rotate(-3deg); pointer-events: none; }
.pola:nth-child(even)::before { background: var(--pola-ruban-bis); transform: rotate(4deg); }
.autocollant { position: absolute; right: -14px; top: -16px; z-index: 1; width: 74px; height: 74px; border-radius: 50%; background: var(--pola-acc); color: #fff; display: grid; place-items: center; text-align: center; font-size: 12px; font-weight: 800; line-height: 1.15; transform: rotate(10deg); box-shadow: 0 3px 8px rgba(30, 42, 82, .3); pointer-events: none; }
@media (max-width: 640px) {
  .polas { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; gap: 20px; padding: 26px 14px 16px; -webkit-overflow-scrolling: touch; }
  .pola { flex: none; scroll-snap-align: center; }
  .pola.grande { width: 250px; }
}
@media (prefers-reduced-motion: reduce) { .pola { transition: none; } }