.dinners-page{background-color:#fff;padding-bottom:4rem}.top-banner{width:100%;height:250px;margin-bottom:2rem;overflow:hidden}.top-banner img{object-fit:cover;width:100%;height:100%}.breadcrumb{color:#666;padding:1rem 0;font-size:.8rem}.breadcrumb a{color:#e55b13;text-decoration:none}.breadcrumb span{margin:0 .5rem}.dinners-header{text-align:center;margin-bottom:2rem}.dinners-header h1{color:#1a1a1a;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.dinners-header p{color:#555;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6}.sub-nav{scrollbar-width:none;border-bottom:1px solid #eee;justify-content:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.sub-nav::-webkit-scrollbar{display:none}.sub-nav a{color:#333;white-space:nowrap;text-transform:uppercase;border:1px solid #eee;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;text-decoration:none}.sub-nav a:hover{color:#e55b13;border-color:#e55b13}.featured-dinners{background-color:#f9f8f3;border-radius:12px;grid-template-columns:2.2fr 1fr;gap:1.5rem;margin-bottom:4rem;padding:2rem;display:grid}.featured-main-card{border-radius:12px;height:450px;position:relative;overflow:hidden}.featured-main-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.featured-main-card:hover img{transform:scale(1.03)}.featured-main-content{color:#fff;text-align:left;background:linear-gradient(#0000,#000c);padding:3rem 2rem 2rem;position:absolute;bottom:0;left:0;right:0}.featured-main-content h2{margin-bottom:.5rem;font-size:2rem;font-weight:800}.featured-side{flex-direction:column;gap:1rem;display:flex}.side-item{color:inherit;background:#fff;border-radius:8px;align-items:center;gap:1rem;padding:.5rem;text-decoration:none;display:flex}.side-item img{object-fit:cover;border-radius:4px;width:80px;height:60px}.side-item-info h3{color:#1a1a1a;font-size:.9rem;font-weight:700;line-height:1.3}.side-item-info .rating{color:#e55b13;font-size:.7rem}.recipe-section{margin-bottom:4rem}.section-title{border-bottom:2px solid #333;margin-bottom:1.5rem;padding-bottom:.2rem;font-size:1.6rem;font-weight:800;display:inline-block}.dinners-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.dinners-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.featured-dinners{grid-template-columns:1fr}.dinners-grid{grid-template-columns:repeat(2,1fr)}.sub-nav{justify-content:flex-start}}