From 8f1eb362687aa2e73ef6cc43858b431a9707d87f Mon Sep 17 00:00:00 2001
From: Sharayu Shelke <sharayushelke2006@gmail.com>
Date: Sun, 28 Jun 2026 17:52:35 +0530
Subject: [PATCH] Add combo preview section with responsive styles

---
 css/style.css | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 9a3ad1e..7c47a9d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3302,7 +3302,7 @@ body.dark .breakdown-row.final {
 }
 
 .combo-add-btn:hover {
-  background: #e64a19;
+  background: #e64a19; 
   transform: scale(1.05);
 }
 .combo-item-right {
@@ -3311,6 +3311,39 @@ body.dark .breakdown-row.final {
   gap: 10px;
 }
 
+/* ===== Combo Preview ===== */
+.combo-preview {
+  padding: 3rem 1rem;
+  background: linear-gradient(180deg, #fffaf6 0%, #fff3e0 100%);
+}
+.combo-preview .container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 0.75rem;
+}
+.combo-preview-text {
+  max-width: 760px;
+  margin: 0 auto;
+  color: #6b4a3a;
+  font-weight: 600;
+  font-size: 1.05rem;
+}
+.combo-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.9rem 2.2rem;
+  border-radius: 40px;
+  font-weight: 700;
+}
+
+@media (max-width: 600px) {
+  .combo-preview { padding: 2rem 0.8rem; }
+  .combo-btn { width: 100%; max-width: 320px; }
+}
+
 
 /* ===== Cinematic Video Hero ===== */
 .hero {