/* Scoped to the Offres popover; the activity menu and navbar keep their styles. */
.ea-offers-panel {
  --offers-ease: cubic-bezier(.23, 1, .32, 1);
  box-sizing: border-box;
  padding: 20px;
  background: #fff;
  border: 1px solid #E9EEF7;
  border-radius: 24px;
  box-shadow: 0 24px 58px rgba(11, 27, 63, .16), 0 4px 12px rgba(11, 27, 63, .04);
  color: #0B1B3F;
  transform-origin: 28% top;
  animation: ea-offers-open 260ms var(--offers-ease) both;
}
.ea-offers-heading { margin-bottom: 16px; }
.ea-offers-heading h2 {
  margin: 0;
  font: 700 18px/1.4 'Sora', sans-serif;
  letter-spacing: -.35px;
}
.ea-offers-heading p {
  margin: 4px 0 0;
  color: #5B6B8C;
  font-size: 13.5px;
  line-height: 1.5;
}
.ea-offers-row, .ea-offers-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}
.ea-offers-row + .ea-offers-row { margin-top: 16px; }
.ea-offer-item { min-width: 0; grid-column: span 2; }
.ea-offers-row-bottom > .ea-offer-item:first-child,
.ea-offers-grid > .ea-offer-item:nth-child(4) { grid-column: 2 / span 2; }
.ea-offers-row-bottom > .ea-offer-item:nth-child(2),
.ea-offers-grid > .ea-offer-item:nth-child(5) { grid-column: 4 / span 2; }
.ea-offer-item { animation: ea-offer-enter 240ms var(--offers-ease) both; }
.ea-offer-item:nth-child(2) { animation-delay: 45ms; }
.ea-offer-item:nth-child(3) { animation-delay: 90ms; }
.ea-offers-row-bottom > .ea-offer-item:first-child,
.ea-offers-grid > .ea-offer-item:nth-child(4) { animation-delay: 135ms; }
.ea-offers-row-bottom > .ea-offer-item:nth-child(2),
.ea-offers-grid > .ea-offer-item:nth-child(5) { animation-delay: 180ms; }
.ea-offer-card {
  display: block;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border: 1px solid #E5EBF4;
  border-radius: 16px;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(11, 27, 63, .045);
  transition: transform 220ms var(--offers-ease), border-color 200ms ease, box-shadow 220ms ease;
}
.ea-offer-media {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #F4F7FD;
}
.ea-offer-media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ea-offer-copy { display: block; padding: 13px 15px 15px; }
.ea-offer-title { display: block; color: #0B1B3F; font: 700 14.5px/1.45 'Sora', sans-serif; }
.ea-offer-description { display: block; min-height: 39px; margin: 5px 0 0; color: #5B6B8C; font-size: 13.5px; line-height: 1.45; }
.ea-offer-card:focus-visible { outline: 2px solid #1D6BF2; outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
  .ea-offer-card:hover { transform: translateY(-2px); border-color: var(--offer-accent, #B4C7E3); box-shadow: 0 10px 22px rgba(11, 27, 63, .10); }
  .ea-offer-card:active { transform: translateY(0); }
}
/* The native Clubs page positions its popover on the outer element. */
#offers-menu.ea-offers-native { width: 1080px; padding: 0; border: 0; background: transparent; box-shadow: none; }
@keyframes ea-offers-open { from { opacity: 0; transform: translateY(-6px) scale(.99); } to { opacity: 1; transform: none; } }
@keyframes ea-offer-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .ea-offers-panel, .ea-offer-item { animation: none; }
  .ea-offer-card { transition: none; }
  .ea-offer-card:hover { transform: none; }
}
html[data-offers-instant] .ea-offers-panel,
html[data-offers-instant] .ea-offer-item { animation: none; }