/* === Yoga/Surf hover + persistent focus (robust) === */
:root{ --pr-blush: var(--blush, #D6B7B5); }

#yoga-surf .ps-grid .ps-card{
  position: relative;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
  will-change: transform, box-shadow;
}

/* Lift + blush ring when active/hover */
#yoga-surf .ps-grid .ps-card.is-active,
#yoga-surf .ps-grid .ps-card.is-focus,
#yoga-surf .ps-grid .ps-card.is-hover,
#yoga-surf .ps-grid .ps-card:hover{
  transform: translateY(-4px) !important;
  border-color: var(--pr-blush) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.14) !important;
  z-index: 2;
}

#yoga-surf .ps-grid .ps-card.is-active::before,
#yoga-surf .ps-grid .ps-card.is-focus::before,
#yoga-surf .ps-grid .ps-card.is-hover::before,
#yoga-surf .ps-grid .ps-card:hover::before{
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  box-shadow: inset 0 0 0 3px rgba(214,183,181,.70);
}