Porządkowanie css, i usuwanie radiowego

src/components/hero/Hero.astro

@@ -14,7 +14,6 @@ const images = import.meta.glob<{ default: ImageMetadata }>('/src/assets/hero/*.
   eager: true
 });
 
-// Przygotowanie zmiennej ImageMetadata | null
 let imageAsset: ImageMetadata | null = null;
 
 if (imageUrl) {
@@ -25,18 +24,16 @@ if (imageUrl) {
     imageAsset = mod.default;
   }
 }
-
-// Obraz HERO jest LCP
 const isLCP = true;
 ---
 
-<section class="fuz-hero">
+<section class="f-hero">
 
   {imageAsset && (
     <Image
       src={imageAsset}
-      alt="Światłowód FUZ – szybki internet w Wyszkowie"
-      class="fuz-hero-bg"
+      alt="Światłowód FUZ, szybki internet w Wyszkowie"
+      class="f-hero-bg"
       loading="eager"
       fetchpriority={isLCP ? "high" : "auto"}
       decoding="async"
@@ -46,35 +43,35 @@ const isLCP = true;
     />
   )}
 
-  <div class="fuz-hero-inner">
+  <div class="f-hero-inner">
 
     {Array.isArray(title)
       ? title.map(line => (
-          <h1 class="fuz-hero-title">{line}</h1>
+          <h1 class="f-hero-header">{line}</h1>
         ))
-      : <h1 class="fuz-hero-title">{title}</h1>
+      : <h1 class="f-hero-header">{title}</h1>
     }
 
     {subtitle && Array.isArray(subtitle) && (
-      <div class="fuz-hero-subtitles">
-        <h2 class="fuz-hero-subtitle" style={`--delay:0`}>
+      <div class="f-hero-subtitles">
+        <h2 class="f-hero-header-2" style={`--delay:0`}>
           {subtitle[0]}
         </h2>
 
         {subtitle.slice(1).map((line, i) => (
-          <p class="fuz-hero-subline" style={`--delay:${i + 1}`}>
+          <p class="f-hero-header-items" style={`--delay:${i + 1}`}>
             {line}
           </p>
         ))}
       </div>
     )}
-
+<!-- TODO: Przerobić ewentualnie na pojedyncze linie -->
     {description && (
-      <p class="fuz-hero-description">{description}</p>
+      <p class="f-hero-description">{description}</p>
     )}
 
     {ctas.length > 0 && (
-      <div class="fuz-hero-cta gap-4">
+      <div class="f-hero-cta">
         {ctas.map((cta: { primary: any; href: string | URL | null | undefined; label: unknown; title: string }) => {
           const cls = cta.primary ? "btn btn-primary" : "btn btn-outline";
           return (
@@ -87,4 +84,4 @@ const isLCP = true;
     )}
   </div>
 
-</section>
+</section>