.premium-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
/* ── IMAGE STABILITY: Prevent oversized article images ── */
.card-image-box {
aspect-ratio: 16/9 !important;
background: #f1f5f9;
overflow: hidden !important;
contain: strict !important;
}
.card-image-box img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.compact-article-row {
contain: layout;
min-height: 100px;
}
.sidebar .card-image-box {
width: 140px !important;
height: 100px !important;
flex-shrink: 0;
}
/* FONT FACES — must be inline so preloaded fonts match declarations immediately */
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Georgia Italic')
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Georgia Bold Italic')
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/fonts/cormorant-normal-400.woff2") format('woff2');
size-adjust: 110%;
ascent-override: 90%;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/fonts/cormorant-normal-700.woff2") format('woff2');
size-adjust: 110%;
ascent-override: 90%;
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/fonts/dm-sans-400.woff2") format('woff2');
size-adjust: 105%;
ascent-override: 95%;
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("/fonts/dm-sans-600.woff2") format('woff2');
size-adjust: 105%;
ascent-override: 95%;
}
@font-face {
font-family: 'DM Sans-Fallback';
src: local('Arial');
size-adjust: 105.7%;
ascent-override: 94%;
descent-override: 22%;
line-gap-override: 0%
}
@font-face {
font-family: 'Cormorant-Fallback';
src: local('Georgia');
size-adjust: 93%;
ascent-override: 92%;
descent-override: 23%;
line-gap-override: 0%
}
/* CSS VARIABLES */
:root {
--navy: #0f1a2e;
--navy2: #162236;
--navy-blue: #1a1a2e;
--gold: #c9a84c;
--gold2: #e8c66a;
--gold3: #664c0e;
--cream: #f9f6f0;
--white: #ffffff;
--gray: #374151;
--lgray: #d1d5db;
--red: #b91c1c;
--green: #065f46;
--ink: #1e293b;
--gold-dark: #7d5e12;
--gold-contrast: #664c0e;
--ff-serif: 'Cormorant Garamond', 'Cormorant-Fallback', Georgia, serif;
--ff-sans: 'DM Sans', 'DM Sans-Fallback', -apple-system, sans-serif;
--r: 6px;
--r-lg: 24px;
--shadow: 0 4px 24px rgba(15, 26, 46, .12);
--shadow-lg: 0 12px 48px rgba(15, 26, 46, .18);
--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);
--p-width: 0%
}
/* BASE RESET */
html {
font-size: 16px;
scroll-behavior: smooth;
scroll-padding-top: 150px
}
body {
font-family: var(--ff-sans);
background: var(--cream);
color: var(--navy);
line-height: 1.6;
-webkit-font-smoothing: antialiased
}
*,
*::before,
*::after {
box-sizing: border-box
}
img {
display: block;
max-width: 100%;
height: auto
}
a {
color: var(--navy);
text-decoration: none;
transition: opacity .2s !important;
}
ul {
list-style: none
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.mobile-toggle,
.close-menu-btn {
display: none;
}
@media (max-width: 992px) {
.mobile-toggle {
display: block;
}
}
@media (max-width: 768px) {
.topbar-announcement {
display: none !important;
}
.topbar {
justify-content: center !important;
}
#google_translate_element {
transform: scale(0.9);
}
}
.logo-name {
font-family: var(--ff-serif);
font-size: 28px;
font-weight: 700;
color: var(--navy);
line-height: 1;
letter-spacing: -.02em
}
.logo-name span {
color: var(--gold3)
}
.logo-tagline {
font-size: 10px;
letter-spacing: .12em;
text-transform: uppercase;
color: #374151;
font-weight: 700;
}
nav {
display: flex;
gap: 4px;
align-items: center
}
nav a {
font-size: 14px;
font-weight: 500;
padding: 8px 14px;
border-radius: var(--r);
color: var(--navy);
white-space: nowrap;
transition: background .2s, color .2s
}
nav a.active {
color: var(--navy);
background: rgba(201, 168, 76, .1);
font-weight: 700
}
.header-cta {
background: var(--navy);
color: var(--gold2) !important;
border-radius: var(--r);
padding: 9px 18px !important;
font-weight: 600 !important;
white-space: nowrap;
}
/* CATEGORY NAV */
.cat-nav {
background: var(--navy);
color: var(--white);
min-height: 48px;
display: flex;
align-items: center;
}
.cat-nav-inner {
display: flex;
overflow-x: auto;
max-width: 1200px;
margin: 0 auto;
scrollbar-width: none
}
.cat-nav a {
font-size: 13px;
font-weight: 500;
white-space: nowrap;
padding: 12px 20px;
color: rgba(249, 246, 240, .7);
border-bottom: 3px solid transparent;
transition: opacity .2s !important;
}
/* PREMIUM HERO */
.premium-hero {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-blue) 100%);
padding: 80px 0 120px;
position: relative;
overflow: hidden;
min-height: 480px;
margin-bottom: 0;
contain: layout style;
}
.home-hero-section {
padding: 100px 0;
min-height: 700px;
contain: layout style;
}
@media(max-width:992px) {
.premium-hero {
min-height: 100vh;
padding: 60px 0 80px
}
}
.premium-hero-label {
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--gold);
background: rgba(201, 168, 76, .1);
border: 1px solid rgba(201, 168, 76, .3);
padding: 4px 12px;
border-radius: 4px;
display: inline-flex;
align-items: center;
min-height: 23px;
margin-bottom: 24px
}
.premium-hero-title {
font-family: var(--ff-serif);
font-size: clamp(48px, 5vw, 64px);
line-height: 1.1;
font-weight: 900;
letter-spacing: -3px;
color: var(--white);
margin: 0 auto 32px;
text-align: center;
min-height: 2.2em;
display: block;
text-shadow: 0 10px 30px rgba(0, 0, 0, .5);
}
.premium-hero .premium-hero-title,
.premium-hero-dark .premium-hero-title {
color: var(--white);
text-shadow: 0 10px 30px rgba(0, 0, 0, .5);
}
.home-hero-title {
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.text-gold {
color: var(--gold2);
}
.premium-hero-subtitle {
font-size: clamp(16px, 2vw, 20px);
line-height: 1.6;
color: rgba(255, 255, 255, .7);
margin: 0 0 40px;
max-width: 700px;
text-align: inherit;
min-height: 3.2em;
display: block;
font-weight: 400;
}
.home-featured-wrapper {
min-width: 340px;
min-height: 380px;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width:992px) {
.home-featured-wrapper {
min-width: 100%;
min-height: 320px;
margin-top: 40px
}
}
/* ══════════════════════════
GOOGLE TRANSLATE WIDGET
══════════════════════════ */
#google_translate_element {
display: inline-block;
vertical-align: middle;
line-height: normal;
min-width: 140px;
}
.goog-te-gadget-simple {
background: transparent !important;
border: 1px solid rgba(201, 168, 76, 0.4) !important;
padding: 2px 8px !important;
border-radius: 4px !important;
font-family: var(--ff-sans) !important;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 10px !important;
display: flex !important;
align-items: center;
transition: all 0.3s ease;
height: 22px;
overflow: hidden;
}
.goog-te-gadget-simple:hover {
background: rgba(201, 168, 76, 0.1) !important;
border-color: var(--gold) !important;
}
.goog-te-gadget-icon {
display: none !important;
}
.goog-te-menu-value {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center;
gap: 6px;
line-height: 1;
}
.goog-te-gadget-simple,
.goog-te-gadget-simple * {
color: var(--white) !important;
text-decoration: none !important;
border-left: none !important;
}
.goog-te-gadget-simple:hover,
.goog-te-gadget-simple:hover * {
color: var(--gold) !important;
}
.goog-te-menu-value span {
text-decoration: none !important;
font-size: 10px !important;
font-weight: 700 !important;
}
.goog-te-menu-value span:nth-child(3),
.goog-te-menu-value span:nth-child(5),
.goog-te-gadget-simple img {
display: none !important;
}
.goog-te-menu-value:after {
content: '▼';
font-size: 8px;
margin-left: 2px;
color: var(--gold) !important;
}
.goog-te-menu-frame {
box-shadow: var(--shadow-lg) !important;
border: 1px solid var(--gold) !important;
border-radius: 8px !important;
}
/* BTN */
.btn-primary {
background: var(--gold);
color: var(--navy);
font-size: 15px;
font-weight: 600;
padding: 14px 28px;
border-radius: var(--r);
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
text-decoration: none;
}
.btn-primary:hover {
background: var(--gold2);
color: var(--navy) !important;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(184, 146, 64, 0.2);
}
.btn-ghost {
background: transparent;
color: var(--white);
font-size: 15px;
font-weight: 500;
padding: 14px 28px;
border-radius: var(--r);
border: 1.5px solid rgba(255, 255, 255, .25);
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px
}
.search-input {
width: 140px;
}
/* INTERNAL LINKING BOX */
.internal-linking-box {
margin: 2.5rem 0;
padding: 1.5rem;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-left: 4px solid var(--gold);
border-radius: 0.75rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.internal-linking-title {
font-family: var(--ff-serif);
font-size: 1.25rem;
font-weight: 700;
margin-top: 0 !important;
margin-bottom: 1rem;
color: var(--navy);
}
.internal-linking-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.internal-linking-item {
margin-bottom: 0.75rem;
}
.internal-linking-link {
display: flex;
align-items: center;
gap: 0.75rem;
color: var(--navy) !important;
text-decoration: none !important;
font-weight: 500;
font-size: 0.95rem;
transition: all 0.2s ease !important;
}
.internal-linking-link:hover {
color: var(--gold) !important;
transform: translateX(4px);
}
.internal-linking-icon {
color: var(--gold);
font-weight: 700;
}
/* FOOTER & TESTIMONIALS */
.site-footer {
background: var(--navy);
color: var(--cream);
padding: 80px 0 0;
}
.testimonials-section {
padding: 100px 0;
background: linear-gradient(to bottom, var(--navy), #0a111a);
color: white;
}
/* Target specific table cells identified in CLS report */
#options,
td[nowrap] {
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
🐾
Category/welnnes/health
Comprehensive reviews of the best Pet Brands brands. We test and rate every major brand in Pet Brands to help you make informed decisions.
Showing
229
to
240
of
245
results
Ranking the best Pet Brands brands necessitates a rigorous protocol. At Brand Reviews, we look past surface-level features. We analyze every brand in the Pet Brands category based on five key dimensions: Reliability, User Feedback, Market Transparency, Feature Innovation, and Cost-to-Benefit Ratio. Our data models check thousands of data points from our 245 listed brands to ensure that the rankings you see are accurate and reflect the current state of the Pet Brands market in 2026.
Buying Guide & Advice
Choosing the right Pet Brands brand can be overwhelming given the wide variety of options available today. When shopping in this category, we recommend focusing on brands that demonstrate verified longevity. Consistency is often as critical as a single standout feature. Whether you are a first-time buyer, our list of the Best Pet Brands Brands serves as a reliable roadmap to finding the perfect fit.
Q: What is the overall rating for Taste of the Wild?
Taste of the Wild currently holds an aggregate score of 0/10 based on 0 expert reviews, placing it in the high-performing range of its category.
Q: How does Taste of the Wild compare to competitors?
Compared to other brands in Pet Brands , Taste of the Wild is noted for its reliability, as evidenced by its current ranking and multiple top-rated reviews.
We use cookies to improve your experience and analyze our traffic. By continuing to use our site, you agree to our
Privacy Policy .
Reject Non-Essential
Accept All