Upload folder using huggingface_hub

static/css/experiencedetails_clean.css

@@ -136,4 +136,68 @@ body {
 
 .detail-book-btn:hover {
     transform: scale(1.05);
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .details-container {
+        padding: 30px;
+    }
+
+    .header-text h1 {
+        font-size: 40px;
+    }
+}
+
+@media (max-width: 768px) {
+    .details-container {
+        padding: 20px;
+    }
+
+    .details-header {
+        flex-direction: column;
+        padding: 30px 20px !important;
+        /* Override inline bg padding */
+        min-height: auto;
+        gap: 30px;
+    }
+
+    .header-text h1 {
+        font-size: 32px;
+    }
+
+    .header-text p {
+        font-size: 18px;
+    }
+
+    .header-map {
+        width: 100%;
+        height: 200px;
+    }
+
+    .focus-points-section h2 {
+        font-size: 28px;
+        margin-bottom: 30px;
+    }
+
+    .points-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .action-bar {
+        padding: 15px 20px;
+    }
+
+    .price-tag {
+        font-size: 18px;
+    }
+
+    .price-tag span {
+        font-size: 26px;
+    }
+
+    .detail-book-btn {
+        padding: 12px 30px;
+        font-size: 16px;
+    }
 }

static/css/explore_style.css

@@ -189,4 +189,50 @@ body {
     display: flex;
     gap: 15px;
     justify-content: center;
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .explore-container {
+        padding: 90px 40px 40px 40px;
+    }
+}
+
+@media (max-width: 768px) {
+    .explore-container {
+        padding: 80px 20px 40px 20px;
+    }
+
+    .explore-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 20px;
+    }
+
+    .explore-header h1 {
+        font-size: 32px;
+    }
+
+    .stats-card {
+        width: 100%;
+        padding: 15px 25px;
+        gap: 20px;
+        justify-content: center;
+    }
+
+    .section-title {
+        font-size: 28px;
+    }
+
+    .experiences-grid {
+        flex-direction: row;
+        /* Keep scrollable but better spacing */
+        gap: 20px;
+    }
+
+    .experience-card {
+        width: 280px;
+        height: 380px;
+        flex-shrink: 0;
+    }
 }

static/css/styles-1.css

@@ -311,7 +311,6 @@ body {
     right: 20%;
 }
 
-/* ==================== CAIRO TOWER ==================== */
 /* ==================== CAIRO TOWER ==================== */
 .cairo-tower {
     position: absolute;
@@ -432,7 +431,6 @@ body {
     height: 100%;
 }
 
-/* Main Pyramid Container */
 /* Main Pyramid Container */
 .pyramid-main-container {
     left: 30%;
@@ -443,7 +441,6 @@ body {
     z-index: 30;
 }
 
-/* Small Pyramid Container */
 /* Small Pyramid Container */
 .pyramid-small-container {
     left: -100px;
@@ -454,7 +451,6 @@ body {
 }
 
 /* ==================== MOHAMED ALI MOSQUE ==================== */
-/* ==================== MOHAMED ALI MOSQUE (Pure CSS) ==================== */
 .mosque-css {
     position: absolute;
     right: 0;
@@ -477,8 +473,6 @@ body {
     box-shadow: inset 0 -20px 0 rgba(0, 0, 0, 0.05);
 }
 
-/* Side Wings removed to fix "rogue parts" issue */
-
 /* Central Dome */
 .mosque-dome {
     position: absolute;
@@ -492,8 +486,6 @@ body {
     box-shadow: inset -20px 10px 0 rgba(0, 0, 0, 0.1);
 }
 
-/* Dome Spire removed */
-
 /* Golden Band on Dome Body */
 .mosque-dome::after {
     content: '';
@@ -543,9 +535,6 @@ body {
     border-radius: 20px 20px 0 0;
 }
 
-/* Crescent on Minaret */
-/* Crescent on Minaret removed */
-
 .mosque-minaret.left {
     left: 50px;
     height: 500px;
@@ -563,42 +552,123 @@ body {
     }
 
     .nav-links {
-        gap: 30px;
+        gap: 20px;
     }
 
     .experience-text {
-        font-size: clamp(40px, 7vw, 70px);
+        font-size: clamp(40px, 8vw, 80px);
     }
 
     .cta-button {
-        width: 400px;
+        width: 450px;
     }
 }
 
 @media (max-width: 768px) {
+    body {
+        overflow-y: auto;
+    }
+
+    .navbar-landingpage {
+        padding: 0 15px;
+    }
+
+    .nav-toggle-label {
+        display: block;
+        z-index: 1001;
+    }
+
     .nav-links {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        position: fixed;
+        top: 0;
+        right: -100%;
+        width: 100%;
+        height: 100vh;
+        background: #1A3A5C;
+        padding: 50px;
+        transition: right 0.4s ease-in-out;
+        z-index: 1000;
+        gap: 20px;
+        text-align: center;
+    }
+
+    .nav-toggle:checked~.nav-links {
+        right: 0;
+    }
+
+    .nav-toggle:checked~.nav-toggle-label span {
+        background: transparent;
+    }
+
+    .nav-toggle:checked~.nav-toggle-label span::before {
+        transform: rotate(45deg);
+        bottom: 0;
+    }
+
+    .nav-toggle:checked~.nav-toggle-label span::after {
+        transform: rotate(-45deg);
+        top: 0;
+    }
+
+    .nav-item {
+        font-size: 20px;
+        width: 100%;
+        border-radius: 10px;
+    }
+
+    .auth-buttons {
         display: none;
     }
 
+    .mobile-auth-links {
+        display: flex;
+        flex-direction: column;
+        gap: 15px;
+        width: 100%;
+        margin-top: 20px;
+    }
+
+    .mobile-auth-links .login-btn,
+    .mobile-auth-links .signup-btn {
+        width: 100%;
+        text-align: center;
+    }
+
     .experience-egypt {
-        top: 140px;
+        top: 150px;
+        width: 90%;
     }
 
     .experience-text {
-        font-size: clamp(32px, 8vw, 50px);
+        font-size: clamp(32px, 12vw, 60px);
+        white-space: normal;
+        line-height: 1.2;
     }
 
     .cta-button {
-        top: 260px;
-        width: 320px;
-        height: 60px;
+        top: 380px;
+        width: 85%;
+        height: 70px;
     }
 
     .cta-text {
         font-size: 20px;
     }
 
-    .mosque {
-        right: -150px;
+    /* Hide heavy decorations on mobile */
+    .cairo-tower,
+    .mosque-css,
+    .floating-dome,
+    .floating-crescent {
+        display: none;
+    }
+
+    .pyramid-main-container {
+        width: 150%;
+        left: 50%;
+        bottom: -20px;
     }
 }