body { font-family: Arial, sans-serif; background-color: #f9f9f9; color: #333; margin: 0; padding: 0; }
header { background: #333; color: white; text-align: center; padding: 20px; font-size: 24px; font-weight: bold; }
.container { max-width: 800px; margin: 20px auto; padding: 20px; background: white; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.recipe-card { background: #fff; padding: 15px; border-radius: 8px; text-align: center; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); margin-bottom: 20px; }
.recipe-card img, .container img {
    max-width: 600px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    border-radius: 8px;
}
.recipe-card h3 { font-size: 20px; margin: 10px 0; }
footer { background: #333; color: white; text-align: center; padding: 15px; margin-top: 20px; }
.footer-links a { color: white; margin: 0 10px; text-decoration: none; }
.footer-links a:hover { text-decoration: underline; }
.ad-container { 
    position: fixed; 
    bottom: 0; 
    width: 90%;
    max-width: 800px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.9); 
    color: white; 
    text-align: center; 
    padding: 15px; 
    border-radius: 8px 8px 0 0; 
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
}