Kolejne zmiany,

src/styles/hero.css

@@ -32,7 +32,7 @@
   background-image: linear-gradient(
     to left,
     rgba(0, 0, 0, 0) 0%,
-    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.1) 50%,
     rgba(0, 0, 0, 0.5) 60%,
     rgba(0, 0, 0, 0.75) 100%
   );

src/styles/markdown.css

@@ -1,7 +1,5 @@
 .fuz-markdown {
   @apply leading-relaxed text-base md:text-lg;
-
-  /* odstępy między elementami */
 }
 
 .fuz-markdown p {
@@ -21,15 +19,15 @@
 }
 
 .fuz-markdown ul {
-  @apply list-disc pl-10 mb-4;
+  @apply list-disc pl-10 my-3;
 }
 
 .fuz-markdown ol {
-  @apply list-decimal pl-6 mb-4;
+  @apply list-decimal pl-6 my-3;
 }
 
 .fuz-markdown li {
-  @apply mb-1;
+  @apply text-xl ;
 }
 
 .fuz-markdown ul li::marker {

src/styles/modal.css

@@ -104,18 +104,24 @@
 
 /* BAZA: checkbox | main | price */
 .f-addon-item {
-  @apply grid items-start gap-3 px-3 py-2 rounded-xl border cursor-pointer;
+  @apply grid items-start gap-3 px-3 py-2;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.4);
+   /* rounded-xl border cursor-pointer; */
   grid-template-columns: auto 1fr auto;
-  border-color: rgba(148, 163, 184, 0.5);
+  /* border-color: rgba(148, 163, 184, 0.5); */
   background: var(--f-background);
 }
 
+.f-addon-item:last-child {
+  border-bottom: none;
+}
+
 .f-addon-item:hover {
-  border-color: color-mix(
+  /* border-color: color-mix(
     in srgb,
     var(--fuz-accent, #2563eb) 70%,
     rgba(148, 163, 184, 0.5) 30%
-  );
+  ); */
 }
 
 .f-addon-item input[type="checkbox"] {
@@ -331,3 +337,41 @@
    color: var(--fuz-accent, #2563eb);
 }
 
+
+
+
+/* -------------------------- */
+.f-radio-item {
+  @apply grid items-start gap-3 px-3 py-2 cursor-pointer;
+  grid-template-columns: auto 1fr auto;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.4);
+  background: var(--f-background);
+}
+
+.f-radio-item:last-child {
+  border-bottom: none;
+}
+
+.f-radio-check input {
+  @apply mt-1;
+}
+
+.f-radio-name {
+  @apply font-medium;
+}
+
+.f-radio-price {
+  @apply whitespace-nowrap font-semibold;
+}
+
+.f-radio-item.is-selected {
+  /* delikatne wyróżnienie wybranego */
+  /* @apply rounded-xl; */
+  /* background: rgba(148, 163, 184, 0.12); */
+}
+
+.f-radio-details {
+  @apply pl-10 pr-3 pb-3 -mt-1 text-sm;
+  /* pl-10 = przesunięcie w prawo (radio + gap) */
+}
+

src/styles/navbar.css

@@ -3,7 +3,7 @@
 }
 
 .f-navbar-inner {
-  @apply max-w-7xl mx-auto flex items-center justify-between py-4 px-4;
+  @apply max-w-7xl mx-auto flex items-center justify-between py-1 px-4;
 }
 
 .f-navbar-links {
@@ -41,7 +41,9 @@
 }
 
 .f-navbar-logo {
-  @apply w-[70] h-[36];
+  @apply block;
+  height: 60px;   /* testowo: 44px / 40px jak chcesz ciaśniej */
+  width: auto;
 }
 
 .f-mobile-backdrop {

src/styles/offers/offers-switches.css

@@ -14,6 +14,6 @@
   @apply text-[--f-switcher-text]  bg-[--f-switcher-background] ;
 }
 
-.f-switch:hover {
+/* .f-switch:hover {
    @apply text-[--f-switcher-text-hover]  bg-[--f-switcher-background-hover] ;
-}
+} */

src/styles/offers/offers-table.css

@@ -49,7 +49,7 @@
   }
 
   .f-card-row {
-    @apply grid grid-cols-[2fr_1fr] gap-2 py-1 border-b border-[--f-offers-border] items-center;
+    @apply grid grid-cols-[2fr_1fr] gap-2 py-2 border-b border-[--f-offers-border] items-center;
   }
 
   .f-card-row:last-child {
@@ -57,11 +57,11 @@
   }
 
   .f-card-label {
-    @apply text-base font-medium opacity-80;
+    @apply text-sm font-medium opacity-80;
   }
 
   .f-card-value {
-    @apply text-base font-semibold text-right;
+    @apply text-sm font-semibold text-right;
   }
 
   .f-card-value.yes {
@@ -268,4 +268,47 @@
 
   .jmb-channel-desc::-webkit-scrollbar-track {
     background: transparent;
-  }
+  }
+
+
+
+  /* --------------------------------- */
+  .f-section-acc .f-accordion-header {
+  @apply flex items-center justify-between gap-3;
+}
+
+.f-accordion-header-right {
+  @apply flex items-center gap-3;
+}
+
+.f-acc-chevron {
+  @apply opacity-60 text-sm;
+}
+
+.f-floating-total {
+  @apply fixed bottom-5 right-5 z-[10000];
+  @apply pointer-events-auto;
+}
+
+/* kółko */
+.f-floating-total-circle {
+  @apply w-24 h-24 md:w-32 md:h-32 rounded-full;
+  @apply flex flex-col items-center justify-center text-center;
+  @apply shadow-xl ;
+  @apply bg-[--link-hover-light] ;
+  /* text-[--f-text] ; */
+  /* border-[--f-border-color]; */
+  @apply backdrop-blur-md;
+}
+
+/* kwota */
+.f-floating-total-amount {
+  @apply text-lg md:text-xl font-bold leading-none;
+  color: hsla(45, 100%, 92%, 1);
+}
+
+/* jednostka */
+.f-floating-total-unit {
+  @apply my-1 text-xs md:text-sm opacity-70;
+  color: hsla(45, 100%, 92%, 1);
+}

src/styles/sections.css

@@ -1,11 +1,13 @@
 @layer components {
 
   .f-section-header {
-    @apply text-3xl md:text-4xl font-bold mb-6 text-[--f-header];
+    @apply text-4xl md:text-5xl font-bold mb-3 text-[--f-header];
+
+    
   }
 
   .f-section {
-    @apply pt-10 pb-1 mx-2;
+    @apply pt-1 pb-1 mx-2;
   }
 
   .f-section-center {
@@ -13,7 +15,7 @@
   }
 
   .f-section-grid {
-    @apply grid items-center gap-5 max-w-7xl mx-auto;
+    @apply grid items-center gap-5 max-w-7xl mx-auto mt-8;
   }
 
   .f-section-grid-single {

src/styles/theme.css

@@ -8,7 +8,7 @@
 
   --brand-light: hsl(var(--brand-hue) var(--brand-saturation) var(--brand-lightness));
   --link-color-light: hsla(210, 100%, 40%, 1);
-  --link-hover-light: hsla(165, 80%, 35%, 1);
+  --link-hover-light: hsla(165, 80%, 25%, 1);
   /* --link-background-light: hsla(0 0% 50% 1); */