/* 22 — Home card links + pane delta-0 (Debussy re-PASS fails, Bach 2026-10-05)
   A) Each Shop Vibes card is ONE <a.vs-hm__card-link> wrapping media + overlay -> its vibe lore page.
      Overlay stays pointer-events:none (patch 20); hover/focus-within selectors in 20 still match (descendants).
   B) Leo LOCK delta-0: every pane in a row stack stretches to the tallest pane's cell (was align-items:start,
      so Shop Vibes pane measured ~422 vs Top Sellers/Save Big ~527). Leftover air under shorter content OK.
      Inactive panes stay visibility:hidden (never display:none) so they keep sizing the cell. */

/* ——— A) Card link ——— */
.vs-hm .vs-hm__cards--overlay .vs-hm__card-link {
	display: block;
	position: relative;
	width: 100%;
	color: inherit;
	text-decoration: none;
	border-radius: 10px;
	-webkit-tap-highlight-color: transparent;
}

.vs-hm .vs-hm__cards--overlay .vs-hm__card-link:hover,
.vs-hm .vs-hm__cards--overlay .vs-hm__card-link:focus {
	color: inherit;
	text-decoration: none;
}

.vs-hm .vs-hm__cards--overlay .vs-hm__card-link:focus {
	outline: none;
}

.vs-hm .vs-hm__cards--overlay .vs-hm__card-link:focus-visible {
	outline: 2px solid #9b5cff;
	outline-offset: 3px;
}

/* Overlay children are spans now (inside the link): keep them stacked blocks. */
.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay > .vs-hm__card-title,
.vs-hm .vs-hm__cards--overlay .vs-hm__card-overlay > .vs-hm__card-tagline {
	display: block;
	text-decoration: none;
}

/* ——— B) Delta-0 pane stacks ——— */
.vs-hm .vs-hm__panes {
	align-items: stretch;
}

.vs-hm .vs-hm__panes > .vs-hm__pane {
	align-self: stretch;
	height: auto;
}