ContactSection add, zmiany w MapGoogle

src/styles/base.css

@@ -4,4 +4,8 @@
 @import "./hero.css";
 @import "./buttons.css";
 @import "./sections.css";
-@import "./markdown.css";
+@import "./markdown.css";
+
+.grecaptcha-badge {
+  display: none !important;
+}

src/styles/buttons.css

@@ -36,3 +36,54 @@
 .btn-ghost:hover {
   background-color: var(--btn-ghost-hover-bg);
 }
+
+.fuz-input {
+  width: 100%;
+  padding: 0.75rem 1rem; /* bardziej eleganckie */
+  border-radius: 0.75rem;
+
+  /* Kolory z theme.css */
+  background-color: var(--fuz-bg);
+  color: var(--fuz-text);
+  border: 1px solid var(--fuz-border, #d1d5db); /* fallback dla bezpieczeństwa */
+
+  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
+
+  transition: all 0.2s ease;
+}
+
+/* Hover odcien zależny od border, nie od Tailwind */
+.fuz-input:hover {
+  border-color: var(--fuz-text);
+  opacity: 0.9;
+}
+
+/* Placeholder — używa fuz-text ale jaśniejszy */
+.fuz-input::placeholder {
+  color: color-mix(in srgb, var(--fuz-text) 40%, transparent);
+}
+
+/* Focus — używa accent */
+.fuz-input:focus {
+  outline: none;
+  border-color: var(--fuz-accent);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fuz-accent) 40%, transparent);
+}
+
+/* Error */
+.fuz-input-error {
+  border-color: #ff4d4f !important;
+  box-shadow: 0 0 0 3px rgba(255, 77, 79, 0.3) !important;
+}
+
+/* Disabled */
+.fuz-input:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  background-color: color-mix(in srgb, var(--fuz-bg) 80%, #888);
+}
+
+/* Textarea */
+textarea.fuz-input {
+  resize: none;
+}

src/styles/contact.css

@@ -0,0 +1,55 @@
+.fuz-contact-grid {
+  @apply grid md:grid-cols-2 gap-10 items-start max-w-7xl mx-auto;
+}
+
+.fuz-contact-box {
+
+  background-color: var(--fuz-bg);
+  color: var(--fuz-text);
+}
+
+.fuz-contact-description h3 {
+  @apply text-xl font-semibold mb-2;
+  color: var(--fuz-text);
+}
+
+.fuz-contact-description h4 {
+  @apply text-xl font-semibold mb-1;
+  color: var(--fuz-text);
+}
+
+.fuz-contact-description p {
+  @apply text-xl mt-4;
+  color: var(--fuz-text);
+}
+
+.fuz-contact-form {
+  @apply space-y-2;
+}
+
+/* --- RODO --- */
+.fuz-rodo {
+  @apply flex items-start gap-3 text-sm;
+  color: var(--fuz-text);
+}
+
+/* --- TOAST --- */
+
+.fuz-toast {
+  @apply fixed top-5 right-5 z-[9999];
+}
+
+.fuz-toast-msg {
+  @apply px-5 py-3 rounded-xl shadow-lg;
+  color: var(--fuz-accent-text);
+}
+
+/* SUKCES = accent */
+.fuz-toast-msg.success {
+  background-color: var(--fuz-accent);
+}
+
+/* ERROR — czerwony zostaje, bo to wyjątek */
+.fuz-toast-msg.error {
+  background-color: #ff4d4f;
+}

src/styles/map-google.css

@@ -0,0 +1,55 @@
+.fuz-map-wrapper {
+  @apply max-w-7xl mx-auto mt-16;
+}
+
+.fuz-map-container {
+  @apply w-full h-[400px] rounded-xl shadow-lg;
+}
+
+.fuz-map-google {
+  @apply w-full h-[450px] rounded-xl overflow-hidden relative;
+  background: linear-gradient(90deg, #e0e0e0 0px, #f5f5f5 40px, #e0e0e0 80px);
+  background-size: 200% 100%;
+  animation: mapSkeleton 1.5s infinite;
+  opacity: 0;
+  transition: opacity 0.6s ease;
+}
+
+@keyframes mapSkeleton {
+  from {
+    background-position: 200% 0;
+  }
+
+  to {
+    background-position: -200% 0;
+  }
+}
+
+.fuz-map-google.loaded {
+  animation: none;
+  background: transparent;
+  opacity: 1;
+}
+
+@media (max-width: 768px) {
+  .fuz-map-google {
+    @apply h-[300px];
+  }
+}
+
+.fuz-map-infowindow {
+  /* background: var(--fuz-bg); */
+  color: var(--fuz-text);
+  @apply ml-1 mr-6 text-lg leading-snug ;
+  border-radius: 10px;
+}
+
+.gm-style-iw-d {
+  padding-top: 2px !important;
+  padding-bottom: 6px !important;
+}
+
+.gm-style-iw-c {
+  padding-top: 2px !important;
+  padding-bottom: 2px !important;
+}