.plRecommendationHero[hidden] { display: none !important; }
.plRecommendationHero {
  position: relative;
  margin: 1.35rem 0 1.6rem;
  border: 1px solid rgba(184,154,84,.34);
  border-radius: 1.55rem;
  overflow: hidden;
  background: radial-gradient(560px 260px at 16% 0%, rgba(215,191,128,.32), transparent 62%), radial-gradient(460px 240px at 100% 10%, rgba(93,65,143,.18), transparent 58%), linear-gradient(135deg, rgba(255,255,255,.98), rgba(251,248,242,.94));
  box-shadow: 0 22px 58px rgba(14,20,40,.16), inset 0 1px 0 rgba(255,255,255,.9);
  color: var(--plInk, #181824);
}
.plRecommendationHero__inner { display: grid; gap: 1.1rem; padding: 1.15rem; }
.plRecommendationHero__kicker { margin: 0 0 .35rem; font-size: .76rem; letter-spacing: .13em; text-transform: uppercase; color: rgba(93,65,143,.86); font-weight: 800; }
.plRecommendationHero__title { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: clamp(1.55rem, 7vw, 2.15rem); line-height: 1.08; color: #211b35; }
.plRecommendationHero__text { margin: .65rem 0 0; color: rgba(24,24,36,.78); line-height: 1.72; font-size: 1rem; }
.plRecommendationHero__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: .95rem; padding: .78rem 1.05rem; border-radius: 999px; background: linear-gradient(180deg, #5d418f, #4a3177); color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 14px 28px rgba(74,49,119,.24); transition: transform .18s ease, box-shadow .18s ease; }
.plRecommendationHero__cta:hover, .plRecommendationHero__cta:focus-visible { transform: translateY(-1px); box-shadow: 0 18px 34px rgba(74,49,119,.3); }
.plRecommendationHero__cta:focus-visible { outline: 3px solid var(--plFocusHard, rgba(184,154,84,.65)); outline-offset: 3px; }
.plRecommendationHero__visual { min-height: 190px; display: flex; align-items: center; justify-content: center; padding: .8rem .2rem .2rem; }
.plRecommendationHero__fan { position: relative; width: min(260px, 82vw); height: 185px; isolation: isolate; }
.plRecommendationHero__card { position: absolute; left: 50%; bottom: 4px; width: 92px; aspect-ratio: 2 / 3.18; border-radius: .65rem; overflow: hidden; background: #fff; border: 1px solid rgba(255,255,255,.75); box-shadow: 0 16px 32px rgba(14,20,40,.24); transform-origin: 50% 96%; animation: plRecommendationFanIn .58s cubic-bezier(.2,.72,.2,1) both; }
.plRecommendationHero__card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.plRecommendationHero__fan--three .plRecommendationHero__card:nth-child(1) { transform: translateX(-92%) rotate(-12deg); z-index: 1; animation-delay: .02s; }
.plRecommendationHero__fan--three .plRecommendationHero__card:nth-child(2) { transform: translateX(-50%) translateY(-10px) rotate(0deg); z-index: 3; animation-delay: .08s; }
.plRecommendationHero__fan--three .plRecommendationHero__card:nth-child(3) { transform: translateX(-8%) rotate(12deg); z-index: 2; animation-delay: .14s; }
.plRecommendationHero__fan--two .plRecommendationHero__card:nth-child(1) { transform: translateX(-80%) translateY(-2px) rotate(-8deg); z-index: 1; animation-delay: .02s; }
.plRecommendationHero__fan--two .plRecommendationHero__card:nth-child(2) { transform: translateX(-22%) translateY(-8px) rotate(8deg); z-index: 2; animation-delay: .1s; }
.plRecommendationHero__cardName { position: absolute; inset: auto .35rem .35rem; padding: .22rem .3rem; border-radius: .45rem; background: rgba(255,255,255,.86); color: #211b35; font-size: .68rem; font-weight: 800; text-align: center; }
@keyframes plRecommendationFanIn { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@media (min-width: 720px) { .plRecommendationHero__inner { grid-template-columns: minmax(0,1fr) 285px; align-items: center; padding: 1.35rem 1.45rem; } .plRecommendationHero__visual { order: 2; min-height: 220px; } .plRecommendationHero__content { order: 1; } .plRecommendationHero__fan { height: 205px; } .plRecommendationHero__card { width: 104px; } }
@media (prefers-reduced-motion: reduce) { .plRecommendationHero__card, .plRecommendationHero__cta { animation: none; transition: none; } }