Promote version 4cf4d8d to main

Promoted commit 4cf4d8d14c399346c871bcebb36211e1de9af0da to main branch

index.html

@@ -183,9 +183,10 @@
                     <div class="arrow-right w-6 h-6 border-r-2 border-t-2 border-neonmagenta transform rotate-45 opacity-70"></div>
                 </div>
             </div>
+
             <!-- Game Categories Section -->
-            <div class="w-full max-w-7xl mx-auto px-4 py-12 overflow-hidden">
-<!-- Slots Row -->
+            <div class="w-full max-w-7xl mx-auto px-4 py-12">
+                <!-- Slots Row -->
                 <div class="mb-12">
                     <div class="flex justify-center gap-6">
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/d0X4735J/ED2-BE220-6161-413-F-94-B3-FEDCD3-A68-BE5.jpg$0')"></div>
@@ -253,8 +254,8 @@
             </div>
         </div>
     </main>
-    <!-- Facebook Promo Popup -->
-    <div class="facebook-popup hidden md:block md:w-64">
+<!-- Facebook Promo Popup -->
+    <div class="facebook-popup hidden md:block">
 <div class="holographic-panel bg-black/50 backdrop-blur-sm border-l-4 border-neonmagenta p-4 rounded-lg w-64">
 <div class="flex items-center mb-2">
                 <i data-feather="facebook" class="w-5 h-5 mr-2 text-neonblue"></i>

style.css

@@ -125,18 +125,7 @@ h1, h2, h3, .countdown-timer {
         filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.7));
     }
 }
-/* Countdown Timer Styles - Mobile Adjustments */
-@media (max-width: 768px) {
-    .countdown-container {
-        padding: 0 1rem;
-    }
-
-    .countdown-item {
-        margin: 0.5rem 0;
-    }
-}
-
-/* Original Countdown Timer Styles */
+/* Countdown Timer Styles */
 .countdown-container {
     width: 100%;
     max-width: 800px;
@@ -217,20 +206,7 @@ h1, h2, h3, .countdown-timer {
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 }
-/* Game Category Thumbnails - Mobile Adjustments */
-@media (max-width: 768px) {
-    .game-category-thumbnail {
-        margin: 0.25rem;
-        flex: 0 0 calc(50% - 0.5rem);
-    }
-
-    .game-category-thumbnail:hover {
-        transform: none;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
-    }
-}
-
-/* Original Game Category Thumbnails */
+/* Game Category Thumbnails */
 .game-category-thumbnail {
     width: 200px;
     height: 200px;
@@ -264,20 +240,8 @@ h1, h2, h3, .countdown-timer {
         rgba(0, 0, 0, 0.8) 100%
     );
 }
-/* Game Thumbnail Styles - Mobile Adjustments */
-@media (max-width: 768px) {
-    .game-thumbnail {
-        min-width: 120px;
-        height: 120px;
-    }
-
-    .game-thumbnail:hover {
-        transform: none;
-        animation: none;
-    }
-}
 
-/* Original Game Thumbnail Styles */
+/* Game Thumbnail Styles */
 .game-thumbnail {
     min-width: 150px;
     height: 150px;
@@ -538,106 +502,6 @@ box-shadow: 0 0 30px rgba(15, 240, 252, 0.5),
         left: 150%;
     }
 }
-/* Mobile Responsive Styles */
-@media (max-width: 768px) {
-    .container {
-        padding-left: 1rem;
-        padding-right: 1rem;
-    }
-
-    h1 {
-        font-size: 2.5rem;
-        line-height: 1.2;
-    }
-
-    .brand-logo {
-        font-size: 2rem;
-    }
-
-    .countdown-grid {
-        grid-template-columns: repeat(2, 1fr);
-        gap: 0.5rem;
-        max-width: 100%;
-    }
-
-    .countdown-item {
-        width: 100px;
-        height: 100px;
-    }
-
-    .countdown-content {
-        font-size: 0.9rem;
-    }
-
-    /* Full width form elements */
-    .w-full.max-w-md {
-        max-width: 100%;
-        padding: 0 1rem;
-    }
-
-    .flex-col.md\:flex-row {
-        flex-direction: column;
-    }
-
-    /* Game thumbnails */
-    .game-category-thumbnail {
-        width: calc(50% - 0.5rem);
-        height: 150px;
-    }
-
-    .game-thumbnail {
-        min-width: 120px;
-        height: 120px;
-    }
-
-    /* Adjust carousel widths */
-    .game-carousel {
-        width: calc(120px * 20);
-    }
-
-    .provider-carousel {
-        width: calc(80px * 40);
-        gap: 20px;
-    }
-
-    .provider-logo {
-        min-width: 80px;
-    }
-
-    /* Stack game rows */
-    .mb-12 {
-        margin-bottom: 2rem;
-    }
-
-    /* Facebook popup adjustments */
-    .facebook-popup {
-        right: 1rem;
-        bottom: 1rem;
-        width: calc(100% - 2rem);
-    }
-
-    .holographic-panel {
-        width: 100%;
-    }
-
-    /* Center all text */
-    .text-center {
-        text-align: center !important;
-    }
-
-    /* Remove forced 8-across layout */
-    .flex.justify-center.gap-6 {
-        flex-wrap: wrap;
-        gap: 0.5rem;
-        justify-content: center;
-    }
-
-    /* Adjust particle count for mobile */
-    .particle-count {
-        --particle-count: 60;
-    }
-}
-
 /* Interactive Particle Network */
 .cosmic-web {
     position: absolute;