fix mobile nav and env examples

backend/.env.example

@@ -1,4 +1,5 @@
+JWT_SECRET=<run: openssl rand -base64 32>
 STRIPE_SECRET_KEY=sk_test_...
-NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_...
 OPENROUTER_API_KEY=sk-or-v1-...
 RESEND_API_KEY=re_...
+RESEND_FROM=PetShop <no-reply@yourdomain.com>

web/.env.example

@@ -1,4 +1,5 @@
 NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_...
+NEXT_PUBLIC_BACKEND_URL=http://localhost:8080
 # Backend URL for the API proxy — swap comments to switch between local and remote
 BACKEND_URL=http://localhost:8080
 #BACKEND_URL=https://petshop-backend.nicepond-c7280126.westus2.azurecontainerapps.io

web/app/globals.css

@@ -2891,7 +2891,8 @@ body {
     display: flex;
     align-items: center;
     gap: 0.5rem;
-    margin-left: auto;
+    grid-column: 3;
+    justify-self: end;
   }
 
   .nav-links,
@@ -3105,3 +3106,35 @@ img, video, iframe {
 .pagination-btn { background: #333; color: white; border: none; border-radius: 8px; padding: 0.5rem 1.2rem; font-size: 0.9rem; font-weight: 600; cursor: pointer; }
 .pagination-btn:disabled { background: #ccc; cursor: not-allowed; }
 .pagination-info { font-size: 0.9rem; color: #555; font-weight: 500; }
+
+@media (max-width: 768px) {
+  .info-title {
+    font-size: 2rem;
+  }
+  .info-subtitle {
+    font-size: 1.1rem;
+  }
+}
+
+@media (max-width: 480px) {
+  .info-title {
+    font-size: 1.6rem;
+  }
+  .info-subtitle {
+    font-size: 1rem;
+  }
+  .image-links-container {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+  }
+  .adopt-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 0.75rem;
+  }
+}
+
+@media (max-width: 360px) {
+  .adopt-grid {
+    grid-template-columns: 1fr;
+  }
+}