-
Shop By Age
-
Kitten
Up to 1 year
-
Adult
1-6 years
-
Senior
7+ years
product finder
What's on their menu?
Take our quiz to find recipes your cat will love, whatever their purrsonality
What is your cat's name?
Enter your cat's name to continue to the next step
is...
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.age = 'kitten'; formData.ageSuffix = 'a'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.age = 'kitten'; formData.ageSuffix = 'a'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.age === 'kitten' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="'Select A Kitten age range 0-12 months'"
:aria-pressed="formData.age === 'kitten' ? 'true' : 'false'">
A Kitten
0-12 months
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.age = 'adult'; formData.ageSuffix = 'an'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.age = 'adult'; formData.ageSuffix = 'an'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.age === 'adult' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="'Select An Adult age range 1-7 years'"
:aria-pressed="formData.age === 'adult' ? 'true' : 'false'">
An Adult
1-7 years
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.age = 'senior'; formData.ageSuffix = 'a'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.age = 'senior'; formData.ageSuffix = 'a'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.age === 'senior' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="'Select A Senior age range 7+ years'"
:aria-pressed="formData.age === 'senior' ? 'true' : 'false'">
A Senior
7+ years
is who is a...
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.activity = 'low'; formData.activityLabel = 'Slumber Specialist'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.activity = 'low'; formData.activityLabel = 'Slumber Specialist'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.activity === 'low' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="'Select Slumber Specialist, Low activity level'"
:aria-pressed="formData.activity === 'low' ? 'true' : 'false'">
Slumber Specialist
Low Activity
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.activity = 'medium'; formData.activityLabel = 'Part-Time Adventurer'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.activity = 'medium'; formData.activityLabel = 'Part-Time Adventurer'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.activity === 'medium' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="'Select Part-Time Adventurer, Medium activity level'"
:aria-pressed="formData.activity === 'medium' ? 'true' : 'false'">
Part-Time Adventurer
Medium Activity
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.activity = 'high'; formData.activityLabel = 'NEIGHBOURHOOD NINJA'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.activity = 'high'; formData.activityLabel = 'NEIGHBOURHOOD NINJA'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.activity === 'high' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="'Select NEIGHBOURHOOD NINJA, High activity level'"
:aria-pressed="formData.activity === 'high' ? 'true' : 'false'">
NEIGHBOURHOOD NINJA
High Activity
is who is a that loves...
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.flavor = 'chicken'; formData.flavorLabel = 'Poultry Cuts'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.flavor = 'chicken'; formData.flavorLabel = 'Poultry Cuts'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.flavor === 'chicken' ? 'opacity-100' : (isHovered ? 'opacity-100' : 'opacity-50')"
tabindex="0"
role="button"
:aria-label="'Select Poultry Cuts flavor preference'"
:aria-pressed="formData.flavor === 'chicken' ? 'true' : 'false'">
Poultry Cuts
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.flavor = 'tuna'; formData.flavorLabel = 'A Seafood Medley'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.flavor = 'tuna'; formData.flavorLabel = 'A Seafood Medley'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.flavor === 'tuna' ? 'opacity-100' : (isHovered ? 'opacity-100' : 'opacity-50')"
tabindex="0"
role="button"
:aria-label="'Select A Seafood Medley flavor preference'"
:aria-pressed="formData.flavor === 'tuna' ? 'true' : 'false'">
A Seafood Medley
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.flavor = 'both'; formData.flavorLabel = 'Surf and Turf'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.flavor = 'both'; formData.flavorLabel = 'Surf and Turf'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.flavor === 'both' ? 'opacity-100' : (isHovered ? 'opacity-100' : 'opacity-50')"
tabindex="0"
role="button"
:aria-label="'Select Surf and Turf flavor preference'"
:aria-pressed="formData.flavor === 'both' ? 'true' : 'false'">
Surf and Turf
Please select a flavor preference to continue
is who is a that prefers...
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.type = 'wet'; formData.typeLabel = 'WET\u0020FOOD'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.type = 'wet'; formData.typeLabel = 'WET\u0020FOOD'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.type === 'wet' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="`Select WET FOOD food type`"
:aria-pressed="formData.type === 'wet' ? 'true' : 'false'">
WET FOOD
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.type = 'dry'; formData.typeLabel = 'DRY\u0020FOOD'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.type = 'dry'; formData.typeLabel = 'DRY\u0020FOOD'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.type === 'dry' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="`Select DRY FOOD food type`"
:aria-pressed="formData.type === 'dry' ? 'true' : 'false'">
DRY FOOD
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.type = 'both'; formData.typeLabel = 'Both\u0020\u2013\u0020they\u0027re\u0020not\u0020fussy\u0021'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.space.prevent="formData.type = 'both'; formData.typeLabel = 'Both\u0020\u2013\u0020they\u0027re\u0020not\u0020fussy\u0021'; $el.querySelector('.c-frame-lg').classList.add('wiggle'); setTimeout(() => $el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@mouseenter="isHovered = true"
@mouseleave="isHovered = false"
:class="formData.type === 'both' ? 'opacity-100 text-[#302E2B]' : (isHovered ? 'opacity-100 text-[#302E2B]' : 'opacity-50 text-[var(--lead-color)]')"
tabindex="0"
role="button"
:aria-label="`Select Both – they're not fussy! food type`"
:aria-pressed="formData.type === 'both' ? 'true' : 'false'">
Both – they're not fussy!
Get nutrition tips for !
Enter your email to stay up to date with nutrition advice and tips for your cat. This is completely optional and you can skip this step.