.ns-cat-hub {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen, Ubuntu, Cantarell, “Helvetica Neue”, sans-serif;
color: #1f2937;
line-height: 1.6;
margin: 0 auto;
max-width: 1200px;
padding: 10px 0 60px 0;
}/* Hero Section */
.ns-cat-hero {
text-align: center;
background: linear-gradient(135deg, #fef7f5 0%, #ffffff 50%, #f8fafc 100%);
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 48px 24px;
margin-bottom: 48px;
box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.04);
}
.ns-cat-hero .ns-badge {
display: inline-block;
background-color: #fdf2f0;
color: #9a3412;
border: 1px solid #fcd9d3;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 6px 14px;
border-radius: 9999px;
margin-bottom: 16px;
}
.ns-cat-hero h1 {
font-size: clamp(28px, 4vw, 42px);
font-weight: 800;
color: #111827;
line-height: 1.2;
margin: 0 0 16px 0;
letter-spacing: -0.02em;
}
.ns-cat-hero p.ns-lead {
font-size: clamp(16px, 2vw, 19px);
color: #4b5563;
max-width: 720px;
margin: 0 auto 28px auto;
line-height: 1.6;
}/* Quick Jump Pills */
.ns-quick-pills {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 24px;
}
.ns-quick-pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
background-color: #ffffff;
color: #1f2937;
border: 1px solid #e5e7eb;
border-radius: 9999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.ns-quick-pill:hover {
background-color: #e05335;
color: #ffffff;
border-color: #e05335;
transform: translateY(-1px);
}/* Search Box */
.ns-search-box {
max-width: 520px;
margin: 0 auto;
}
.ns-search-form {
display: flex;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
border-radius: 9999px;
overflow: hidden;
border: 2px solid #e05335;
background: #ffffff;
}
.ns-search-input {
flex: 1;
padding: 14px 22px;
border: none;
font-size: 15px;
outline: none;
background: transparent;
color: #111827;
}
.ns-search-btn {
background: #e05335;
color: #ffffff;
border: none;
padding: 14px 24px;
font-weight: 700;
font-size: 14px;
cursor: pointer;
transition: background-color 0.2s ease;
letter-spacing: 0.02em;
}
.ns-search-btn:hover {
background: #c44125;
}/* Section Headings */
.ns-section-head {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 28px;
padding-bottom: 12px;
border-bottom: 2px solid #f3f4f6;
}
.ns-section-head h2 {
font-size: clamp(22px, 3vw, 28px);
font-weight: 800;
color: #111827;
margin: 0;
letter-spacing: -0.01em;
}
.ns-section-head .ns-sub {
font-size: 14px;
color: #6b7280;
margin-top: 4px;
}/* Core Categories Grid (4 Large Cards) */
.ns-main-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
margin-bottom: 60px;
}
.ns-cat-card {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 14px;
overflow: hidden;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.ns-cat-card:hover {
transform: translateY(-5px);
border-color: #e05335;
box-shadow: 0 12px 28px -4px rgba(224, 83, 53, 0.15), 0 4px 12px rgba(0, 0, 0, 0.06);
}
.ns-card-media {
position: relative;
width: 100%;
aspect-ratio: 16 / 10;
overflow: hidden;
background-color: #f3f4f6;
}
.ns-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.ns-cat-card:hover .ns-card-media img {
transform: scale(1.05);
}
.ns-card-badge {
position: absolute;
top: 12px;
right: 12px;
background: rgba(17, 24, 39, 0.85);
backdrop-filter: blur(4px);
color: #ffffff;
font-size: 12px;
font-weight: 700;
padding: 4px 10px;
border-radius: 9999px;
letter-spacing: 0.04em;
}
.ns-card-body {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ns-card-title {
font-size: 20px;
font-weight: 750;
color: #111827;
margin: 0 0 8px 0;
line-height: 1.3;
}
.ns-card-desc {
font-size: 14px;
color: #4b5563;
margin: 0 0 16px 0;
line-height: 1.5;
flex: 1;
}
.ns-card-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
background-color: #f9fafb;
color: #e05335;
border: 1px solid #fed7aa;
padding: 10px 16px;
border-radius: 8px;
font-size: 14px;
font-weight: 700;
transition: all 0.2s ease;
text-align: center;
}
.ns-cat-card:hover .ns-card-btn {
background-color: #e05335;
color: #ffffff;
border-color: #e05335;
}/* Curated Collections (2×2 Grid) */
.ns-collections-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 24px;
margin-bottom: 60px;
}
.ns-collection-card {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
display: flex;
flex-direction: column;
}
.ns-coll-header {
position: relative;
height: 180px;
overflow: hidden;
}
.ns-coll-header img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ns-coll-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.75) 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 16px 20px;
}
.ns-coll-overlay h3 {
color: #ffffff;
font-size: 20px;
font-weight: 800;
margin: 0;
text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
.ns-coll-overlay span {
color: #fcd9d3;
font-size: 13px;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.ns-coll-body {
padding: 20px;
flex: 1;
}
.ns-coll-desc {
font-size: 14px;
color: #4b5563;
margin-bottom: 16px;
line-height: 1.5;
}
.ns-recipe-links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.ns-recipe-links li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
background: #f9fafb;
border: 1px solid #f3f4f6;
border-radius: 6px;
font-size: 13.5px;
font-weight: 600;
color: #111827;
text-decoration: none;
transition: all 0.2s ease;
}
.ns-recipe-links li a:hover {
background: #fdf2f0;
color: #e05335;
border-color: #fcd9d3;
padding-left: 16px;
}
.ns-recipe-links li a span.arrow {
color: #e05335;
font-weight: 700;
}/* Trending Recipes Showcase */
.ns-trending-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 18px;
margin-bottom: 40px;
}
.ns-trending-card {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 10px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
}
.ns-trending-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
border-color: #e05335;
}
.ns-trending-card .ns-thumb {
width: 100%;
aspect-ratio: 1;
overflow: hidden;
}
.ns-trending-card .ns-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.ns-trending-card:hover .ns-thumb img {
transform: scale(1.06);
}
.ns-trending-card .ns-title {
padding: 12px;
font-size: 13.5px;
font-weight: 700;
color: #111827;
line-height: 1.4;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}/* Trust / Author Callout */
.ns-author-callout {
background-color: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 24px;
display: flex;
align-items: center;
gap: 20px;
margin-top: 40px;
}
.ns-author-avatar {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #e05335;
flex-shrink: 0;
}
.ns-author-text h4 {
margin: 0 0 4px 0;
font-size: 16px;
font-weight: 750;
color: #111827;
}
.ns-author-text p {
margin: 0;
font-size: 14px;
color: #4b5563;
line-height: 1.5;
}@media (max-width: 640px) {
.ns-cat-hero {
padding: 32px 16px;
}
.ns-author-callout {
flex-direction: column;
text-align: center;
}
.ns-collections-grid {
grid-template-columns: 1fr;
}
}
✨ Triple-Tested & Family Approved Explore Recipes by Category Whether you’re planning an unforgettable holiday feast, hosting weekend cocktail hour, or searching for a quick 30-minute weeknight dinner, we have over 1,170+ easy, wholesome recipes for every table.
Search
Primary Recipe Categories Browse our foundational recipe collections
Breakfast & Appetizers Irresistible party finger foods, holiday grazing platters, warm baked brie, savory dips, and wholesome brunch staples.
Explore Appetizers
→
Desserts & Sweets Decadent pumpkin cheesecakes, festive holiday cut-out cookies, buttery snowball bites, rich brownies, and easy fruit crisps.
Explore Desserts
→
Main Dishes Hearty 5-ingredient skillet chickens, crowd-pleasing pasta bakes, cheesy garlic breads, and satisfying family comfort dinners.
Explore Main Dishes
→
Dinner Ideas Cozy winter soups, effortless weeknight casseroles, one-pot sensations, and smart dinner shortcuts ready in under 30 minutes.
Explore Dinner Ideas
→
Trending & Seasonal Hubs Hand-picked recipe guides curated for holidays, parties, and busy weeknights
Delight guests with festive party boards, warm pastry appetizers, and showstopping fall desserts.
Fill your holiday tins with bakery-style cookies that stay tender, slice neatly, and look stunning on display.
Golden bubbling skillet dips and make-ahead party spreads guaranteed to disappear down to the last scoop.
Streamlined family meals made with minimal dishes, pantry staples, and maximum comfort flavor.
Trending Right Now on Pinterest The most saved and shared seasonal recipes this week
Tested & Perfected by Laura Lopez Every single recipe on Non Stop Recipes is developed with foolproof instructions, accessible grocery staples, and step-by-step guidance so you can cook with total confidence for your family and friends. Happy cooking!