diff --git a/ad_recommendation.php b/ad_recommendation.php
index 08a0525..5ef49e7 100644
--- a/ad_recommendation.php
+++ b/ad_recommendation.php
@@ -17,19 +17,16 @@ if ($adProduct):
     background: linear-gradient(45deg, #ff0000, #ff8c00, #ff007f);
     background-size: 600% 600%;
     animation: gradientShift 5s ease infinite;
-    padding: 60px 20px;
+    padding: 60px 5%;
     margin: 40px 0;
-    width: 100vw;
+    width: 100%;
     position: relative;
-    left: 50%;
-    right: 50%;
-    margin-left: -50vw;
-    margin-right: -50vw;
     display: flex;
     justify-content: center;
     color: #fff;
     box-shadow: 0 10px 30px rgba(0,0,0,0.5);
     overflow: hidden;
+    box-sizing: border-box;
 }
 
 @keyframes gradientShift {
@@ -56,11 +53,11 @@ if ($adProduct):
 }
 
 .ad-container {
-    max-width: 1400px;
+    max-width: 1800px;
     width: 100%;
     display: flex;
     align-items: center;
-    gap: 50px;
+    gap: 60px;
 }
 
 .ad-image-container {
@@ -116,7 +113,7 @@ if ($adProduct):
 }
 
 .ad-title {
-    font-size: 3.5rem;
+    font-size: 4rem;
     font-weight: 900;
     margin: 0 0 15px 0;
     line-height: 1.1;
@@ -159,16 +156,16 @@ if ($adProduct):
 }
 
 .ad-description {
-    font-size: 1.2rem;
+    font-size: 1.3rem;
     line-height: 1.6;
     margin-bottom: 25px;
     font-weight: bold;
     text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
     background: rgba(0,0,0,0.3);
-    padding: 15px;
+    padding: 20px;
     border-left: 5px solid #ffd700;
     border-radius: 0 10px 10px 0;
-    max-width: 800px;
+    max-width: 1000px;
 }
 
 .ad-urgency {