Style inline usuniecie i wstawienie do css

src/components/maps/CitiesList.astro

@@ -11,32 +11,4 @@ const sorted = cities.sort((a: string, b: any) => a.localeCompare(b, "pl"));
       <span class="fuz-city-item">{city}</span>
     ))}
   </div>
-</div>
-
-<style>
-  .fuz-cities-box {
-    
-    background: var(--f-background);
-    color: var(--f-text);
-    padding: 16px;
-    
-  }
-
-  .fuz-cities-title {
-    font-size: 1.2rem;
-    font-weight: 600;
-    margin-bottom: 12px;
-  }
-
-  .fuz-cities-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
-    gap: 6px 14px;
-    font-size: 0.95rem;
-    line-height: 1.4;
-  }
-
-  .fuz-city-item {
-    color: var(--f-text);
-  }
-</style>
+</div>

src/components/sections/SectionAreaServed.astro

@@ -21,10 +21,10 @@ const sectionImages = import.meta.glob<{ default: ImageMetadata }>(
 const sectionImage = section.image ? findSectionImage(sectionImages, section.image) : null;
 const isAboveFold = index === 0;
 
-// ✅ Konfiguracja wyświetlania
+// Konfiguracja wyświetlania
 const showTitle = section.showTitle !== false; // domyślnie true
 
-// ✅ Formatowanie listy miejscowości jako string
+// Formatowanie listy miejscowości jako string
 const citiesText = cities.join(", ");
 ---
 
@@ -66,33 +66,6 @@ const citiesText = cities.join(", ");
             </a>
         </p>
       )}
-
-      <!-- {
-        section.button && (
-          <div class="f-section-nav mt-6">
-            
-             <a href={section.button.url}
-              class="btn btn-primary"
-              title={section.button.title}
-            >
-              {section.button.text}
-            </a>
-          </div>
-        )
-      } -->
     </div>
   </div>
-</section>
-
-<!-- <style>
-  .f-cities-paragraph {
-    margin-top: 1.5rem;
-    font-size: 1rem;
-    line-height: 1.8;
-    color: var(--f-text, #212529);
-  }
-
-  :global(.dark) .f-cities-paragraph {
-    color: var(--f-text-dark, #f7fafc);
-  }
-</style> -->
+</section>

src/styles/map-google.css

@@ -31,7 +31,7 @@
 }
  */
 
- 
+
 /* Pulsująca obwódka budynku */
 .pulse-marker {
   width: 22px;
@@ -110,14 +110,41 @@
 }
 
 .gm-style-iw-c {
-  background: var(--f-background) !important;        
-  border-radius: 14px !important;         
-  box-shadow: 0 4px 18px rgba(0,0,0,0.12) !important;
-  padding: 0 !important;                  
+  background: var(--f-background) !important;
+  border-radius: 14px !important;
+  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12) !important;
+  padding: 0 !important;
 }
 
 .gm-style-iw-d {
   overflow: visible !important;
   padding: 0 !important;
-  background: transparent !important;  
+  background: transparent !important;
+}
+
+
+.fuz-cities-box {
+
+  background: var(--f-background);
+  color: var(--f-text);
+  padding: 16px;
+
+}
+
+.fuz-cities-title {
+  font-size: 1.2rem;
+  font-weight: 600;
+  margin-bottom: 12px;
+}
+
+.fuz-cities-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
+  gap: 6px 14px;
+  font-size: 0.95rem;
+  line-height: 1.4;
+}
+
+.fuz-city-item {
+  color: var(--f-text);
 }