add pdf button

index.html

@@ -265,7 +265,44 @@
   </div>
 
   <div class="footer">
+    <button class="pdf-btn" onclick="window.print()">📄 Скачать PDF</button>
     <p>Готовь с любовью ❤️ | Время приготовления: ~2.5 часа</p>
   </div>
+
+  <style>
+    .pdf-btn {
+      display: inline-block;
+      background: linear-gradient(135deg, #ff6b6b, #c92a2a);
+      color: white;
+      border: none;
+      padding: 14px 32px;
+      font-size: 16px;
+      border-radius: 12px;
+      cursor: pointer;
+      margin: 20px 0;
+      font-weight: 600;
+      transition: transform 0.2s;
+    }
+    .pdf-btn:hover {
+      transform: scale(1.05);
+    }
+    @media print {
+      .pdf-btn, .hero, .footer p {
+        display: none;
+      }
+      body {
+        background: white;
+        color: black;
+      }
+      .section {
+        background: none;
+        border: 1px solid #ddd;
+        page-break-inside: avoid;
+      }
+      .step {
+        page-break-inside: avoid;
+      }
+    }
+  </style>
 </body>
 </html>