"Podglad reklamy" wyglada jak szkic, a nie dzialajacy profil

Panel na /firmy-i-uslugi mial 9 klikalnych przyciskow bez akcji oraz
zaszyte dane cudzej firmy ("4.8 (96 opinii)", "12 lat na rynku",
"230+ zrealizowanych projektow"). Teraz nic nie jest klikalne, liczby
zastapily podpisy pol, a na okladce jest plakietka "Podglad".

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

frontend/src/styles.css

@@ -10271,7 +10271,7 @@ a.city-card:hover {
   margin-top: 7px;
 }
 
-.profile-head > button {
+.profile-head > .profile-cta {
   align-self: start;
   background: #14223a;
   border: 0;
@@ -10290,7 +10290,7 @@ a.city-card:hover {
   padding: 0 28px 22px;
 }
 
-.profile-actions button {
+.profile-actions span {
   align-items: center;
   background: #ffffff;
   border: 1px solid #dce4ec;
@@ -10312,7 +10312,7 @@ a.city-card:hover {
   padding: 0 28px;
 }
 
-.profile-tabs button {
+.profile-tabs span {
   background: transparent;
   border: 0;
   color: #526171;
@@ -35310,3 +35310,36 @@ a.listing-detail-secondary {
   color: #526171;
   display: inline-flex;
 }
+
+/* "Podglad reklamy" to szkic przyszlego profilu firmy - nic tu nie jest klikalne. */
+.profile-panel.is-preview {
+  position: relative;
+}
+
+.profile-panel.is-preview :is(.profile-cta, .profile-actions span, .profile-tabs span) {
+  cursor: default;
+  user-select: none;
+}
+
+.profile-head > .profile-cta {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  padding: 0 16px;
+}
+
+.preview-tag {
+  background: rgba(20, 34, 58, 0.85);
+  border-radius: 999px;
+  color: #ffffff;
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 900;
+  left: 14px;
+  letter-spacing: 0.04em;
+  padding: 4px 10px;
+  position: absolute;
+  text-transform: uppercase;
+  top: 14px;
+  z-index: 2;
+}