diff --git a/public/logo.webp b/public/logo.webp
index 913e7ee..8d22fcd 100644
Binary files a/public/logo.webp and b/public/logo.webp differ
diff --git a/public/logo.webp1 b/public/logo.webp1
new file mode 100644
index 0000000..913e7ee
Binary files /dev/null and b/public/logo.webp1 differ
diff --git a/src/data/ServicesRange.db-shm b/src/data/ServicesRange.db-shm
new file mode 100644
index 0000000..fe9ac28
Binary files /dev/null and b/src/data/ServicesRange.db-shm differ
diff --git a/src/data/ServicesRange.db-wal b/src/data/ServicesRange.db-wal
new file mode 100644
index 0000000..e69de29
diff --git a/src/islands/Internet/InternetAddonsModal.jsx b/src/islands/Internet/InternetAddonsModal.jsx
index 7eb60c7..e8f11c3 100644
--- a/src/islands/Internet/InternetAddonsModal.jsx
+++ b/src/islands/Internet/InternetAddonsModal.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers-table.css";
+import "../../styles/addons.css";
 
 function formatFeatureValue(val) {
   if (val === true || val === "true") return "✓";
diff --git a/src/islands/Internet/InternetCards.jsx b/src/islands/Internet/InternetCards.jsx
index d7d8f23..51e753d 100644
--- a/src/islands/Internet/InternetCards.jsx
+++ b/src/islands/Internet/InternetCards.jsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from "preact/hooks";
 import Markdown from "../Markdown.jsx";
-import OffersSwitches from "../OffersSwitches.jsx";
+import OffersSwitches from "../Switches.jsx";
 import InternetAddonsModal from "./InternetAddonsModal.jsx";
-import "../../styles/offers-table.css";
+import "../../styles/addons.css";
 
 function formatMoney(amount, currency = "PLN") {
   if (typeof amount !== "number" || Number.isNaN(amount)) return "";
diff --git a/src/islands/OffersSwitches.jsx b/src/islands/Switches.jsx
similarity index 94%
rename from src/islands/OffersSwitches.jsx
rename to src/islands/Switches.jsx
index d5afe2e..0206a10 100644
--- a/src/islands/OffersSwitches.jsx
+++ b/src/islands/Switches.jsx
@@ -23,12 +23,10 @@ export default function OffersSwitches({ switches = [] }) {
 
   const [selected, setSelected] = useState(initialSelected);
 
-  // gdy switches się zmienią (np. hot reload) – zresetuj sensownie
   useEffect(() => {
     setSelected(initialSelected);
   }, [initialSelected]);
 
-  // globalny stan + event (tak jak masz teraz)
   useEffect(() => {
     const labels = buildLabels(switches, selected);
 
@@ -66,7 +64,6 @@ export default function OffersSwitches({ switches = [] }) {
         <div class="f-switch-group" key={sw.id}>
           {/* (opcjonalnie) etykieta */}
           {/* <div class="f-switch-label">{sw.etykieta}</div> */}
-
           {sw.opcje?.map((op) => (
             <button
               key={`${sw.id}:${op.id}`}
diff --git a/src/islands/jambox/JamboxAddonsModal.jsx b/src/islands/jambox/JamboxAddonsModal.jsx
index 2aab4df..217c444 100644
--- a/src/islands/jambox/JamboxAddonsModal.jsx
+++ b/src/islands/jambox/JamboxAddonsModal.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers-table.css";
+import "../../styles/addons.css";
 
 function formatFeatureValue(val) {
   if (val === true || val === "true") return "✓";
diff --git a/src/islands/jambox/JamboxAddonsModalCompact.jsx b/src/islands/jambox/JamboxAddonsModalCompact.jsx
index b1fad63..2581108 100644
--- a/src/islands/jambox/JamboxAddonsModalCompact.jsx
+++ b/src/islands/jambox/JamboxAddonsModalCompact.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers-table.css";
+import "../../styles/addons.css";
 
 function formatFeatureValue(val) {
   if (val === true || val === "true") return "✓";
diff --git a/src/islands/jambox/JamboxCards.jsx b/src/islands/jambox/JamboxCards.jsx
index 93bc34f..efdcc97 100644
--- a/src/islands/jambox/JamboxCards.jsx
+++ b/src/islands/jambox/JamboxCards.jsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "preact/hooks";
-import "../../styles/offers-table.css";
+import "../../styles/addons.css";
 
-import OffersSwitches from "../OffersSwitches.jsx";
+import OffersSwitches from "../Switches.jsx";
 import JamboxChannelsModal from "./JamboxChannelsModal.jsx";
 import JamboxAddonsModal from "./JamboxAddonsModalCompact.jsx";
 import Markdown from "../Markdown.jsx";
diff --git a/src/islands/jambox/JamboxChannelsModal.jsx b/src/islands/jambox/JamboxChannelsModal.jsx
index 57d8e0d..b6e91c9 100644
--- a/src/islands/jambox/JamboxChannelsModal.jsx
+++ b/src/islands/jambox/JamboxChannelsModal.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers-table.css";
+import "../../styles/addons.css";
 import "../../styles/channels-search.css";
 
 export default function JamboxChannelsModal({ isOpen, onClose, pkg }) {
diff --git a/src/islands/phone/OffersPhoneCards.jsx b/src/islands/phone/OffersPhoneCards.jsx
index 6b20c4c..d861064 100644
--- a/src/islands/phone/OffersPhoneCards.jsx
+++ b/src/islands/phone/OffersPhoneCards.jsx
@@ -1,5 +1,5 @@
 import Markdown from "../../islands/Markdown.jsx";
-import "../../styles/offers-table.css";
+import "../../styles/addons.css";
 
 /**
  * @typedef {{ klucz: string, label: string, value: (string|number) }} PhoneParam
diff --git a/src/styles/offers-table.css b/src/styles/addons.css
similarity index 96%
rename from src/styles/offers-table.css
rename to src/styles/addons.css
index c0e8c46..df51316 100644
--- a/src/styles/offers-table.css
+++ b/src/styles/addons.css
@@ -295,20 +295,16 @@
   @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 bg-[--f-addons-background] ;
   @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);
+  @apply text-lg md:text-xl font-bold leading-none text-[--f-addons-text];
 }
 
 /* jednostka */
 .f-floating-total-unit {
-  @apply my-1 text-xs md:text-sm opacity-70;
-  color: hsla(45, 100%, 92%, 1);
+  @apply my-1 text-xs md:text-sm opacity-70 text-[--f-addons-text];
 }
diff --git a/src/styles/base.css b/src/styles/base.css
index eaaf59c..7014e5b 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -12,7 +12,7 @@
 @import "./footer.css";
 @import "./cookie.css";
 @import "./contact.css";
-@import "./offers-switches.css";
+@import "./switches.css";
 
 html {
   font-family: 'Nunito', sans-serif;
diff --git a/src/styles/offers-switches.css b/src/styles/switches.css
similarity index 100%
rename from src/styles/offers-switches.css
rename to src/styles/switches.css
diff --git a/src/styles/theme.css b/src/styles/theme.css
index b368d23..a75a433 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -53,6 +53,11 @@
   --link-hover-dark: hsla(45, 80%, 70%, 1);
   --cookie-accept-dark: hsla(120, 60%, 45%, 1);
   --f-navbar-height: 84px;
+
+  /* Wyrózznienie ceny */
+  --f-addons-text: hsla(45, 100%, 92%, 1);
+  --f-addons-background: hsla(165, 80%, 25%, 1);
+
 }
 
 :root {