-
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 Kitten age range 0-12 months'"
:aria-pressed="formData.age === 'kitten' ? 'true' : 'false'">
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 Adult age range 1-7 years'"
:aria-pressed="formData.age === 'adult' ? 'true' : 'false'">
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 Senior age range 7+ years'"
:aria-pressed="formData.age === 'senior' ? 'true' : 'false'">
Senior
7+ years
is who is a...
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.activity = 'low'; formData.activityLabel = 'Sleeping is a lifestyle'; $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 = 'Sleeping is a lifestyle'; $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 Sleeping is a lifestyle, Low activity level'"
:aria-pressed="formData.activity === 'low' ? 'true' : 'false'">
Sleeping is a lifestyle
Low Activity
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.activity = 'medium'; formData.activityLabel = 'Curious about boxes'; $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 = 'Curious about boxes'; $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 Curious about boxes, Medium activity level'"
:aria-pressed="formData.activity === 'medium' ? 'true' : 'false'">
Curious about boxes
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 = 'Picky for Poultry'; $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 = 'Picky for Poultry'; $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 Picky for Poultry flavor preference'"
:aria-pressed="formData.flavor === 'chicken' ? 'true' : 'false'">
Picky for Poultry
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.flavor = 'tuna'; formData.flavorLabel = 'Angling for the Ocean'; $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 = 'Angling for the Ocean'; $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 Angling for the Ocean flavor preference'"
:aria-pressed="formData.flavor === 'tuna' ? 'true' : 'false'">
Angling for the Ocean
$el.querySelector('.c-frame-lg').classList.remove('wiggle'), 500)"
@keydown.enter="formData.flavor = 'salmon'; 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 = 'salmon'; 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 === 'salmon' ? 'opacity-100' : (isHovered ? 'opacity-100' : 'opacity-50')"
tabindex="0"
role="button"
:aria-label="'Select Surf and Turf flavor preference'"
:aria-pressed="formData.flavor === 'salmon' ? 'true' : 'false'">
Surf and Turf
Please select a flavor preference to continue
is who is a that is and 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 receive personalized nutrition advice and tips for your cat. This is completely optional and you can skip this step.