/* Shared destination-card motion. Keep touch, reduced motion and Editor static. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	body.itakya-theme-active:not(.itkya-editor-active) :is(.itkya-destination-card, .itkya-home-featured-card) {
		isolation: isolate;
		transition: transform 420ms cubic-bezier(.2, .65, .3, 1);
	}

	body.itakya-theme-active:not(.itkya-editor-active) :is(.itkya-destination-card, .itkya-home-featured-card)::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		background: inherit;
		pointer-events: none;
		transition: transform 600ms cubic-bezier(.2, .65, .3, 1);
	}

	body.itakya-theme-active:not(.itkya-editor-active) .itkya-home-featured-card > a {
		z-index: 1;
	}

	body.itakya-theme-active:not(.itkya-editor-active) :is(.itkya-destination-card, .itkya-home-featured-card):hover {
		transform: translateY(-3px) scale(1.008);
	}

	body.itakya-theme-active:not(.itkya-editor-active) :is(.itkya-destination-card, .itkya-home-featured-card):hover::before {
		transform: scale(1.035);
	}

	/* Extra paint room without changing the carousel's layout footprint. */
	body.itakya-theme-active:not(.itkya-editor-active) .itkya-momento-featured-track {
		box-sizing: border-box;
		width: calc(100% + 12px);
		padding-inline: 6px;
		margin-inline: -6px;
		scroll-padding-inline: 6px;
		padding-block: 10px 16px;
		margin-block: -10px -8px;
	}

	body.itakya-theme-active:not(.itkya-editor-active) .itkya-home-featured-track {
		padding-block: 10px 16px;
		margin-block: -10px -16px;
	}
}