Garvee 9QT(1x1/1+ 2x1/2Pan)Electric Chafing Dish with Temperature Control, Stainless Steel Buffet Servers and - 1 X 1/1 + 2 X 1/2 Pan-1 / 1pcs
/* Main Container */ .chafing-dish-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 1200px; margin: 0 auto; color: #333; line-height: 1.6; padding: 20px; /* Add padding to the container */ } /* Typography */ h1, h2, h3 { font-weight: 600; color: #333; margin-bottom: 1rem; } h1 { font-size: 2.5rem; margin-bottom: 0.5rem; } h2 { font-size: 1.8rem; position: relative; padding-bottom: 0.5rem; margin-bottom: 1.5rem; color: #333; } h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background-color: #c8a165; } h3 { font-size: 1.3rem; color: #333; } p { margin-bottom: 1rem; color: #555; } /* Hero Section */ .hero-section { position: relative; margin-bottom: 2rem; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .hero-image { width: 100%; display: block; } .hero-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); color: white; text-align: center; /* Center the content */ } .hero-overlay h1, .hero-overlay p { color: white; margin: 0; } .hero-overlay img { max-width: 100%; /* Make the image responsive */ height: auto; display: block; /* Remove extra space below image */ margin: 0 auto 0.5rem; /* Center the image and add some margin */ } /* Introduction Section */ .intro-section { margin-bottom: 2rem; padding: 0 1rem; text-align: center; /* Center the content */ } .intro-section img { max-width: 100%; /* Make the image responsive */ height: auto; display: block; /* Remove extra space below image */ margin: 0 auto 0.5rem; /* Center the image and add some margin */ } /* Product Images - Full Width Each */ .product-images { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 2rem; } .image-container { width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .image-container img { width: 100%; display: block; transition: transform 0.3s ease; } .image-container:hover img { transform: scale(1.02); } /* Features Section */ .features-section { margin-bottom: 2rem; padding: 0 1rem; } .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .feature-card { background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); padding: 1.5rem; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; } .feature-card:hover { transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); } .feature-icon { background-color: #f9f5eb; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } .feature-card h3 { margin-bottom: 0.5rem; } .feature-card p { margin: 0; flex-grow: 1; } /* Specifications Section */ .specs-section { margin-bottom: 2rem; padding: 0 1rem; } .specs-container { background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); overflow: hidden; } .specs-table { width: 100%; } .specs-row { display: flex; border-bottom: 1px solid #eee; } .specs-row:last-child { border-bottom: none; } .specs-label { width: 40%; padding: 1rem; background-color: #f9f5eb; font-weight: 600; } .specs-value { width: 60%; padding: 1rem; } /* Additional Info */ .additional-info { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem; padding: 0 1rem; } .info-column { background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); padding: 1.5rem; } .package-list { list-style: none; padding: 0; margin: 0; } .package-list li { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px dashed #eee; } .package-list li:last-child { border-bottom: none; } .item-name { font-weight: 500; } .item-qty { color: #c8a165; font-weight: 600; } /* Responsive Adjustments */ @media screen and (max-width: 992px) { .features-grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .additional-info { grid-template-columns: 1fr; } .hero-overlay { padding: 1rem; } .hero-overlay h1 { font-size: 1.8rem; } h2 { font-size: 1.5rem; } } @media screen and (max-width: 576px) { .features-grid { grid-template-columns: 1fr; } .specs-row { flex-direction: column; } .specs-label, .specs-value { width: 100%; padding: 0.75rem 1rem; } .specs-label { border-bottom: 1px solid #eee; } } Premium Roll Top Chafing Dishes Elevate your catering experience with our elegant and versatile buffet solution Professional-Grade Chafing Dish Set The Stainless Steel Chafing Dish Buffet Set is a versatile and convenient option suitable for a wide range of occasions, including weddings, parties, brunches, hotel breakfast areas, banquets, catered events, and self-service settings. Its adaptability makes it a valuable choice for various gatherings and events. Key Features Dual Serving Trays Two half-size trays allow you to serve a variety of dishes simultaneously,
