@charset "UTF-8";
/* PATCH BIOFI 2026-07-07: import fontow Manrope + Inter (musi byc na gorze, po @charset) */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
::before,
::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  min-height: 100%;
  position: relative;
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #1c1c1d;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  height: 100%;
  position: relative;
  padding: 0;
  letter-spacing: -0.2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  scroll-behavior: smooth;
}

a {
  color: inherit;
  text-decoration: none;
  outline: 0;
}

strong, b {
  font-weight: 700;
}

img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

label {
  cursor: pointer;
}

input {
  outline: none;
  color: #1c1c1d;
  font-size: 0.9375rem;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

button {
  outline: none;
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
}

textarea,
select {
  outline: none;
  font-family: "Open Sans", sans-serif;
  color: #1c1c1d;
  font-size: 0.9375rem;
  font-weight: 400;
}

td {
  font-size: inherit;
}

::-webkit-input-placeholder {
  opacity: 0.7;
}

::-moz-placeholder {
  opacity: 0.7;
}

:-ms-input-placeholder {
  opacity: 0.7;
}

:-moz-placeholder {
  opacity: 0.7;
}

ul, ol {
  margin: 0;
}

em {
  font-style: italic;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: #e8ecf1;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
  background-color: #e8ecf1;
}

::-webkit-scrollbar-thumb {
  background-color: #284f76;
  border-radius: 6px;
}

.wrapper {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
@media screen and (max-width: 760px) {
  .wrapper {
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .wrapper {
    max-width: 1024px;
    margin: auto;
  }
}
@media screen and (min-width: 1220px) {
  .wrapper {
    max-width: 1220px;
    margin: auto;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (min-width: 1560px) {
  .wrapper {
    max-width: 1560px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /* Ustawiamy bardzo duży cień wewnętrzny w kolorze tła strony (np. biały) */
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  /* Opcjonalnie: wymuszamy kolor tekstu, jeśli też się zmienił */
  -webkit-text-fill-color: #000 !important;
}

img {
  width: auto;
  height: auto;
}

strong {
  font-weight: 700;
}

.wrapper {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
@media screen and (max-width: 760px) {
  .wrapper {
    overflow: hidden;
  }
}

.m-top {
  font-size: 0.875rem;
  color: #fff;
  background-color: #284f76;
}
.m-top__grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-top .js-close-menu,
.m-top .js-open-menu {
  display: none;
}

/* ── Górny pasek: waluta i język (spójne białe kontrolki na granacie) ── */
.m-top__pn {
  display: flex;
  align-items: center;
  gap: 14px;
}

.m-currency,
.m-lang {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #cdd8e6;              /* etykieta „Waluta" / „Język" */
  font-size: 14px;
}

/* separator między walutą a językiem */
.m-lang::before {
  content: "";
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.22);
  margin-right: 6px;
}

/* wspólny wygląd kontrolki: białe tło, granatowy tekst, zaokrąglenie */
.m-currency select.select-waluta,
.m-lang a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding: 0 12px;
  margin: 0;
  background: #ffffff;
  color: #284f76;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 6px;
  cursor: pointer;
  transition: box-shadow 0.15s ease;
  text-decoration: none;
}
.m-currency select.select-waluta:hover,
.m-lang a:hover {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}
.m-currency select.select-waluta:focus,
.m-lang a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.28);
}

/* waluta: chowamy natywną strzałkę i rysujemy własną (granatowy chevron) */
.m-currency select.select-waluta {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23284f76' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
}
.m-currency select.select-waluta::-ms-expand {
  display: none;
}

/* opcje rozwijane — czytelne na białym (część przeglądarek to respektuje) */
.m-currency select.select-waluta option {
  color: #284f76;
  background: #ffffff;
}

/* język: flaga w kontrolce + tekst „EN" */
.m-lang a img {
  width: 18px;
  height: 13px;
  border-radius: 2px;
  display: block;
  margin: 0;
}
/* etykieta „EN" po fladze (bez zmian w HTML — przez pseudo-element) */
.m-lang a::after {
  content: "EN";
  font-size: 14px;
  font-weight: 600;
  color: #284f76;
}

.m-menu {
  display: flex;
  align-items: center;
  height: 50px;
  padding-top: 1px;
}
.m-menu__item:nth-of-type(n+2):before {
  display: inline-block;
  content: "|";
  margin: 0 3px;
}
.m-menu__link {
  display: inline-block;
  padding: 0 5px;
}
.m-menu__link:hover {
  text-decoration: underline;
}

.m-header {
  border-bottom: 1px solid #cccccc;
}
.m-header__grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 134px;
}
.m-header__logo a {
  display: block;
  line-height: 0;
}
.m-header__panel {
  display: flex;
  align-items: center;
}

.m-mobmenu {
  display: none;
}

.m-account {
  margin-left: 30px;
}
.m-account img {
  width: 44px;
}

.m-cart {
  margin-left: 20px;
}
.m-cart a {
  display: flex;
  position: relative;
}
.m-cart img {
  width: 30px;
  margin-right: 15px;
}
.m-cart .qty {
  background-color: #a61e2c;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 2px solid #fff;
  position: absolute;
  top: -8px;
  left: 15px;
}
.m-cart .box {
  line-height: 1.25rem;
}
.m-cart .name {
  display: block;
  font-size: 0.9375rem;
  font-weight: 700;
}
.m-cart .amount {
  display: block;
}
.m-cart:hover .qty {
  background-color: #74a338;
}
.m-cart:hover .amount {
  text-decoration: underline;
}

#mPrzechowalnia {
  width: 44px;
  height: 44px;
}

.m-store {
  margin-left: 20px;
}
.m-store a {
  display: block;
  position: relative;
  padding-top: 3px;
}
.m-store a .qty {
  background-color: #284f76;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 2px solid #fff;
  position: absolute;
  top: -6px;
  left: 22px;
}
.m-store a svg {
  width: 36px;
  height: 40px;
}

.m-fav {
  margin-left: 20px;
}
.m-fav a {
  display: block;
  position: relative;
  padding-top: 3px;
}
.m-fav a .qty {
  background-color: #284f76;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 2px solid #fff;
  position: absolute;
  top: -6px;
  left: 22px;
}
.m-fav a svg {
  width: 36px;
  height: 40px;
}

.m-compare a {
  display: block;
  position: relative;
  padding-top: 3px;
}
.m-compare a .qty {
  background-color: #284f76;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 2px solid #fff;
  position: absolute;
  top: -6px;
  left: 22px;
}
.m-compare a svg {
  width: 36px;
  height: 40px;
}

.m-search {
  background: #e8ecf1;
  border-radius: 10px;
  width: 33%;
  position: relative;
}
.m-search form {
  display: block;
  width: 100%;
}
.m-search__box {
  display: flex;
  align-items: stretch;
  height: 50px;
  width: 100%;
}
.m-search__text {
  display: flex;
  align-items: center;
  padding: 12px 20px 10px;
  flex: 1 1 100%;
}
.m-search__text input {
  width: 100%;
  background-color: #e8ecf1;
  border: 0;
  color: #1c1c1d;
}
.m-search__text input::placeholder {
  opacity: 1;
  letter-spacing: -0.2px;
  color: #1c1c1d;
}
.m-search__select {
  display: flex;
  align-items: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 12px 20px 10px;
  flex: 0 0 230px;
}
.m-search__select select {
  width: 100%;
  background-color: #e8ecf1;
  border: 0;
  color: #1c1c1d;
}
.m-search__btn {
  display: flex;
  align-items: center;
  padding: 12px 10px 10px;
  flex: 0 0 50px;
}
.m-search__btn button {
  border: 0;
  outline: none;
  background-color: #e8ecf1;
  width: 46px;
  height: 32px;
}

.m-hints {
  position: absolute;
  top: 50px !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #fff;
  z-index: 1000;
  padding-top: 15px;
}
.m-hints__box {
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
}
.m-hints__item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cccccc;
  padding: 8px 0;
}
.m-hints__item:last-of-type {
  border-bottom: 3px solid #cccccc;
}
.m-hints__thumb {
  flex: 0 0 60px;
  padding-left: 10px;
}
.m-hints__name {
  flex: 1 1 100%;
  padding-left: 15px;
  font-size: 0.8125rem;
  line-height: 1.5;
  padding-right: 10px;
}
.m-hints__name a {
  display: block;
}
.m-hints__name a:hover {
  text-decoration: underline;
  color: #284f76;
}

.m-call {
  display: flex;
  align-items: center;
}
.m-call__icon img {
  width: 34px;
}
.m-call__info {
  padding-left: 10px;
  line-height: 22px;
}
.m-call__info a:hover {
  text-decoration: underline;
}
.m-call__info .phone {
  font-size: 1.0625rem;
}

.m-nav__grid {
  display: flex;
  padding: 15px 0;
}
.m-nav__catalog {
  margin-right: 30px;
}
.m-nav__catalog a {
  display: inline-block;
  background-color: #a61e2c;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 3px 15px 2px;
  border-radius: 5px;
  transition: all 100ms ease-in-out;
}
.m-nav__catalog a:hover {
  background-color: rgb(122.806122449, 22.193877551, 32.5510204082);
}
.m-nav__menu {
  padding-top: 4px;
}
.m-nav__menu ul {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.m-nav__menu li {
  padding: 0 14px;
}
.m-nav__menu a:hover {
  color: #284f76;
}

.m-sm {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.m-sm a {
  display: block;
  margin-left: 10px;
}
.m-sm img {
  width: 45px;
  height: auto;
  max-height: 36px;
  opacity: 0.7;
  transition: all 100ms ease-in-out;
}
.m-sm a:hover img {
  opacity: 1;
}

.m-banner {
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: 1920px;
  margin: auto;
}
.m-banner__item {
  position: relative;
  flex: 0 0 25%;
}
.m-banner__item img {
  transition: all 100ms ease-in-out;
}
.m-banner a {
  display: block;
}
.m-banner__name {
  position: absolute;
  background-color: #fff;
  z-index: 100;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  color: #284f76;
  padding: 20px 20px 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  transition: all 100ms ease-in-out;
}
.m-banner__name::before {
  content: " ";
  display: block;
  border-radius: 40px;
  border: 2px solid #fff;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #a61e2c;
  z-index: 100;
  width: 22px;
  height: 22px;
  transition: all 100ms ease-in-out;
}
.m-banner__item:hover img {
  filter: brightness(1.1);
}
.m-banner__item:hover .m-banner__name {
  color: #a61e2c;
}
.m-banner__item:hover .m-banner__name::before {
  top: -14px;
  background-color: #f3ce00;
  width: 25px;
  height: 25px;
}

/* PASEK CECH .m-feat — redesign BIOFI 2026-07-18
   Ciemny panel navy + czerwona ramka/poświata na jasnoszarym tle.
   Ikony: pliki dist/img/f-*.svg (wypieczony kolor). Dwie kreski tonalne.
   Naprawia F40 (alt ×4). */
.m-feat {
  background: #e9ebef;
  border-bottom: none;
  padding: 8px 24px;
}
.m-feat__panel {
  position: relative;
  margin: 0 auto;
  border: 1px solid rgba(160, 16, 40, 0.45);
  border-radius: 16px;
  padding: 16px 16px;
  background:
    radial-gradient(120% 140% at 50% 0%, rgba(30, 20, 35, 0.55), rgba(8, 14, 26, 0.35) 55%),
    #0a1120;
}
.m-feat__panel::before,
.m-feat__panel::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  filter: blur(1px);
  pointer-events: none;
}
.m-feat__panel::before {
  top: -1px;
  width: 55%;
  background: radial-gradient(closest-side, #ff2a44, rgba(160, 16, 40, 0.6), transparent);
}
.m-feat__panel::after {
  bottom: -1px;
  width: 45%;
  background: radial-gradient(closest-side, #ff2a44, rgba(160, 16, 40, 0.5), transparent);
}
.m-feat__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
}
.m-feat__item {
  text-align: center;
  padding: 0 14px;
  border-left: 1px solid rgba(160, 16, 40, 0.22);
}
.m-feat__item:first-child {
  border-left: none;
}
.m-feat__ico {
  width: 74px;
  height: 74px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 35%, rgba(160, 16, 40, 0.28), rgba(10, 16, 28, 0) 70%);
}
.m-feat__ico img {
  width: 44px;
  height: 44px;
  max-width: 44px;
  max-height: 44px;
  filter: drop-shadow(0 0 5px rgba(255, 42, 68, 0.5));
}
.m-feat__info {
  text-align: center;
  padding: 0;
}
.m-feat__info h3 {
  color: #ffffff;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0;
}
.m-feat__line {
  display: block;
  height: 2px;
  width: 68%;
  margin: 9px auto;
  background: linear-gradient(90deg, transparent, #ff2a44 45%, #ff5a70 50%, #ff2a44 55%, transparent);
  box-shadow: 0 0 6px rgba(255, 42, 68, 0.5);
}
.m-feat__info p {
  color: #9aa7bd;
  font-size: 0.84375rem;
  margin: 0;
}

.m-mac {
  padding: 80px 0;
}
.m-mac__header {
  text-align: center;
  margin-bottom: 40px;
}
.m-mac__header h1 {
  font-size: 1.375rem;
  text-transform: uppercase;
  font-weight: 900;
}
.m-mac__header ul {
  margin-top: 25px;
}
.m-mac__header li {
  margin: 0 10px;
  display: inline-block;
}
.m-mac__grid {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.m-item--mac {
  flex: 0 0 24%;
  text-align: center;
}
.m-item--mac .m-item__thumb img, .m-item--mac2 .m-item__thumb img {
  border-radius: 10px;
}
.m-item--mac .m-item__title, .m-item--mac2 .m-item__title {
  text-align: center;
}
.m-item--mac .m-item__title a, .m-item--mac2 .m-item__title a {
  display: block;
  padding: 30px 5px 10px;
  margin-bottom: 10px;
}
.m-item--mac .m-item__title a:hover, .m-item--mac2 .m-item__title a:hover {
  color: #284f76;
  text-decoration: underline;
}
.m-item--mac .m-item__price, .m-item--mac2 .m-item__price {
  text-align: center;
  display: flex;
  justify-content: center;
  font-weight: 600;
  font-size: 1.0625rem;
}
.m-item--mac .m-item__price .old, .m-item--mac2 .m-item__price .old {
  color: #a61e2c;
}
.m-item--mac .m-item__price s, .m-item--mac2 .m-item__price s {
  font-weight: 400;
  font-size: 1rem;
  margin: 0 8px;
}
.m-item--mac .m-item__price .promo, .m-item--mac2 .m-item__price .promo {
  font-size: 1rem;
  margin: 0 8px;
}
.m-item--mac .m-item__price .brutto.promo, .m-item--mac2 .m-item__price .brutto.promo {
  color: #a61e2c;
  font-weight: 700;
}
.m-item--mac .m-item__price .brutto.promo s, .m-item--mac2 .m-item__price .brutto.promo s {
  color: #1c1c1d;
  font-weight: 400;
}
.m-item--mac .m-item__price .netto.promo, .m-item--mac2 .m-item__price .netto.promo {
  display: block;
  font-weight: 400;
}

/* Kafelek (Tryb 4 / Tryb 2) — logo producenta pod tytułem, wyśrodkowane (2026-07-17) */
.m-item--mac .m-pro__prod, .m-item--mac2 .m-pro__prod {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 12px;
}
/* Kafelek — koszyk: sam przycisk „DODAJ DO KOSZYKA", wyśrodkowany pod ceną (2026-07-17).
   Czerwień z logo BIOFI #a01028, 14px, zaokrąglone rogi 8px — spójne z Trybem 1/3. */
.m-item--mac .m-item__cart, .m-item--mac2 .m-item__cart {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.m-item--mac .m-item__cart input[type=text],
.m-item--mac2 .m-item__cart input[type=text] {
  display: none; /* wariant bez pola ilości */
}
.m-item--mac .m-item__cart button, .m-item--mac2 .m-item__cart button {
  border: 0;
  background-color: #a01028;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 0 18px;
  border-radius: 8px;
  height: 34px;
  cursor: pointer;
  transition: all 120ms ease-in-out;
}
.m-item--mac .m-item__cart button:hover, .m-item--mac2 .m-item__cart button:hover {
  background-color: #83091f;
}
.m-item--mac .m-item__cart button:disabled, .m-item--mac2 .m-item__cart button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.7);
}

.m-hof {
  background-color: #f4f4f4;
  padding: 80px 0;
}
.m-hof__container {
  display: flex;
  justify-content: space-between;
}
.m-hof form {
  flex: 0 0 49.2%;
}
.m-hof__header {
  margin-bottom: 35px;
}
.m-hof__header h2 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.375rem;
}
.m-hof__grid {
  display: flex;
  flex-direction: column;
}

.m-fbox {
  background-color: #fff;
  border-radius: 10px;
  padding: 8px;
  margin-bottom: 15px;
  position: relative;
}
.m-fbox__thumb {
  width: 150px;
  float: left;
}
.m-fbox__thumb a {
  display: block;
}
.m-fbox__thumb img {
  border-radius: 6px;
}
.m-fbox__info {
  padding: 0 0 0 30px;
  width: calc(100% - 150px);
  float: right;
}
.m-fbox__title {
  margin-bottom: 18px;
  padding-top: 15px;
}
.m-fbox__title a {
  display: block;
  padding-right: 20px;
}
.m-fbox__title a:hover {
  color: #284f76;
  text-decoration: underline;
}
.m-fbox__line {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 0 30px;
  position: absolute;
  bottom: 15px;
  left: 160px;
  width: calc(100% - 180px);
}
.m-fbox__price {
  flex: 0 0 100%;
}
.m-fbox__price .brutto {
  font-weight: 700;
  margin-right: 5px;
}
.m-fbox__price .netto {
  font-size: 0.875rem;
}
.m-fbox__price .brutto.promo {
  font-weight: 700;
  color: #a61e2c;
}
.m-fbox__price .brutto.promo s {
  font-size: 0.9375rem;
  font-weight: 400;
  margin-right: 5px;
}
.m-fbox__prod img {
  max-height: 40px;
  max-width: 120px;
  position: relative;
  top: -1px;
}
.m-fbox__aval {
  margin: 0 12px 0 15px;
  margin-left: auto;
}
.m-fbox__aval span {
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 700;
  height: 28px;
  padding: 2px 10px;
}
.m-fbox__aval .green {
  border-color: #74a338;
}

.m-home {
  background-color: #f4f4f4;
  padding: 100px 0 40px;
  position: relative;
}
.m-home::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 140px;
  z-index: 1;
  background-color: #284f76;
}
.m-home__grid {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  z-index: 100;
}
.m-home__blog {
  flex: 0 0 62%;
}
.m-home__info {
  flex: 0 0 38%;
  display: flex;
  align-items: stretch;
}

.m-blog {
  display: flex;
  align-items: stretch;
  padding-right: 40px;
}
.m-blog__item {
  flex: 0 0 31%;
  margin-right: 2.3333%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.m-blog__link {
  display: block;
}
.m-blog__link::before {
  content: " ";
  background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 40%;
  z-index: 20;
  display: block;
  opacity: 0.7;
}
.m-blog__link img {
  position: relative;
  z-index: 10;
}
.m-blog__title {
  position: absolute;
  z-index: 100;
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 10px 30px 15px 15px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
}
.m-blog__title span {
  display: block;
  position: relative;
  z-index: 100;
}
.m-blog__title::before {
  content: " ";
  display: block;
  position: absolute;
  background: url(../img/blog-corner.webp) right -1px bottom -1px no-repeat;
  bottom: 0;
  right: 0;
  width: 87px;
  height: 74px;
  z-index: 10;
}
.m-blog__title::after {
  content: " ";
  display: block;
  border-radius: 40px;
  width: 31px;
  height: 31px;
  background: #a61e2c url(../img/ico-arrow.svg) center center no-repeat;
  background-size: auto 18px;
  position: absolute;
  z-index: 110;
  right: 3px;
  bottom: 6px;
}

.m-welcome {
  background-color: #fff;
  border-radius: 6px;
  padding: 40px 45px 15px;
}
.m-welcome h2 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.375rem;
  color: #284f76;
  margin-bottom: 30px;
}
.m-welcome p {
  margin-bottom: 30px;
  line-height: 1.75rem;
}

.m-populars {
  background-color: #f4f4f4;
  padding: 80px 0 50px;
}
.m-populars__header {
  text-align: center;
  font-weight: 900;
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.m-populars__products {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.m-po {
  background-color: #fff;
  border-radius: 6px;
  padding: 15px;
  flex: 0 0 15.7%;
  text-align: center;
}
.m-po a {
  display: block;
}
.m-po__title {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 5px;
}
.m-po__title a {
  padding: 15px 10px 10px;
}
.m-po__title a:hover {
  text-decoration: underline;
  color: #284f76;
}
.m-po__price {
  font-weight: 700;
}

.m-nl {
  background-image: url("../img/newsletter-bg.webp");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: #fff;
  padding: 60px 0 60px;
  text-align: center;
}
.m-nl__header {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.5rem;
  margin-bottom: 35px;
}
.m-nl p {
  margin-bottom: 5px;
}
.m-nl__box {
  background: #fff url(../img/ico-mail.svg) 20px 15px no-repeat;
  background-size: 27px auto;
  border-radius: 4px;
  max-width: 560px;
  margin: auto;
  margin-top: 30px;
  padding: 10px 10px 10px 48px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.m-nl__box input[type=text] {
  border: 0;
  color: #1c1c1d;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 2px;
  flex: 1 1 99%;
  font-weight: 700;
}
.m-nl__box input[type=text]::placeholder {
  opacity: 0.7;
  color: #1c1c1d;
  font-weight: 500;
}
.m-nl__box button {
  background-color: #fff;
  border: 0;
  text-align: center;
  flex: 0 0 48px;
}
.m-nl__box button img {
  width: 34px;
  height: auto;
  transform: rotate(-10deg);
}
.m-nl__radios {
  padding: 15px 0 0;
}
.m-nl__radios label {
  margin: 0 10px;
}

.m-clients {
  padding: 90px 0 70px;
  text-align: center;
}
.m-clients__header {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.375rem;
  margin-bottom: 40px;
}
.m-clients__logos {
  width: 100%;
  overflow: hidden;
}
.m-clients__logos img {
  filter: grayscale(90%);
  transition: filter 200ms ease-in-out;
  opacity: 0.8;
}
.m-clients__logos img:hover {
  filter: grayscale(0);
  opacity: 1;
}
.m-clients__track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: m-clients-marquee 60s linear forwards;
}
.m-clients__item {
  flex: 0 0 140px;
  margin: 10px 3px;
}

@keyframes m-clients-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-1 * var(--marquee-distance, 0px)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .m-clients__track {
    animation: none;
  }
}
.m-footer {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 80px 0 60px;
}
.m-footer__grid {
  display: flex;
  justify-content: space-between;
}
.m-footer__contact {
  flex: 0 0 20%;
}
.m-footer__info {
  flex: 0 0 25%;
}
.m-footer__logos {
  flex: 0 0 300px;
  text-align: right;
  padding-top: 54px;
}
.m-footer__logos img {
  margin-left: 40px;
  margin-bottom: 30px;
}

.m-co {
  line-height: 1.75rem;
}
.m-co__logo {
  margin-bottom: 25px;
}
.m-co__logo img {
  width: 130px;
}
.m-co__line {
  display: flex;
  margin-bottom: 10px;
}
.m-co .ico {
  flex: 0 0 40px;
}
.m-co .ico img {
  max-width: 22px;
  max-height: 26px;
}
.m-co__tm {
  margin-bottom: 30px;
}
.m-co__tm a > strong {
  color: #a61e2c;
  font-size: 1.25rem;
}
.m-co__place .info span {
  display: block;
}

.m-finfo {
  padding-top: 15px;
}
.m-finfo__header {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.0625rem;
  margin-bottom: 30px;
}
.m-finfo__menu {
  columns: 2;
  column-gap: 50px;
}
.m-finfo__menu li {
  margin-bottom: 5px;
  display: block;
}
.m-finfo__menu a:hover {
  text-decoration: underline;
}

.m-catalogs {
  padding-top: 15px;
}
.m-catalogs__header {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.0625rem;
  margin-bottom: 30px;
}
.m-catalogs__dn li {
  margin-bottom: 7px;
  display: block;
  position: relative;
}
.m-catalogs__dn li::before {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/ico-dl.svg) center center no-repeat;
  margin-right: 8px;
}

.m-copy {
  padding: 60px 0 80px;
}
.m-copy__grid {
  display: flex;
  justify-content: space-between;
}
.m-copy__grid a:hover {
  text-decoration: underline;
}

.m-breadcrumbs {
  margin-bottom: 10px;
  border-top: 1px solid #cccccc;
  padding: 15px 0;
}
.m-breadcrumbs__grid {
  font-size: 0.875rem;
}
.m-breadcrumbs a {
  display: inline-block;
}
.m-breadcrumbs a:hover {
  text-decoration: underline;
}
.m-breadcrumbs a::before {
  content: " / ";
  display: inline-block;
  margin: 0 10px;
}
.m-breadcrumbs a.home::before {
  display: none;
}

.m-container {
  display: flex;
}
.m-container__main {
  order: 2;
  flex: 1 1 100%;
  min-width: 0;
}
.m-container__sidebar {
  order: 1;
  flex: 0 0 326px;
  padding-right: 60px;
  position: relative;
  transition: all 100ms ease-in-out;
}
.m-container__sidebar .sidebar-toggle {
  display: flex;
  align-items: center;
  background-color: #a61e2c;
  width: 18px;
  height: 50px;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  position: absolute;
  right: 43px;
  top: 0;
  z-index: 1200;
}
.m-container__sidebar.closed {
  width: 0;
  flex: 0 0 0;
  padding-right: 0;
}
.m-container__sidebar.closed .m-cats {
  width: 0;
  overflow: hidden;
}
.m-container__sidebar.closed .sidebar-toggle {
  right: 10px;
}
.m-container__sidebar.closed .sidebar-toggle img {
  transform: rotate(180deg);
}

.m-cats__list {
  background-color: #e8ecf1;
  border-radius: 5px;
}
.m-cats .c-trigger {
  display: inline-block;
  width: 26px;
  height: 18px;
  padding: 0 5px 0 5px;
  cursor: pointer;
  margin-right: 4px;
  position: absolute;
  left: 5px;
  top: 6px;
}
.m-cats .c-trigger::before {
  content: " ";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/ico-plus.svg) center center no-repeat;
  background-size: auto 15px;
  margin-top: 3px;
  opacity: 0.5;
}
.m-cats .c-trigger:hover::before {
  opacity: 1;
}
.m-cats ul a:hover {
  text-decoration: underline;
}
.m-cats ul ul {
  display: none;
  padding: 6px 0 6px 0;
  font-size: 0.875rem;
}
.m-cats ul li {
  position: relative;
}
.m-cats ul .num {
  font-size: 0.75rem;
}
.m-cats ul .m-cats__top.active {
  background-color: rgba(40, 79, 118, 0.08);
}
.m-cats ul .m-cats__top.active > ul {
  display: block;
}
.m-cats ul .m-cats__top.active .c-trigger::before {
  background: url(../img/ico-minus.svg) center center no-repeat;
  background-size: auto 15px;
}
.m-cats .active > a {
  font-weight: 700;
}
.m-cats__top {
  border-bottom: 1px solid #cccccc;
  padding: 6px 0 6px 36px;
}
.m-cats__top a {
  padding: 0 5px 0 1px;
  display: inline-block;
}

.m-product__title {
  float: right;
  width: 50%;
  padding-top: 10px;
  padding-bottom: 32px;
  border-bottom: 1px solid #cccccc;
}
.m-product__title h1 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.m-product__photos {
  float: left;
  width: 50%;
}
.m-product__infos {
  float: right;
  width: 50%;
  padding-top: 30px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.m-product__desc {
  clear: both;
  padding: 60px 0 80px;
}
.m-product__desc h2,
.m-product__desc h3,
.m-product__desc h4 {
  margin-bottom: 16px;
}
.m-product__desc p {
  margin-bottom: 16px;
}
.m-product__desc hr {
  margin-bottom: 16px;
}

.m-extico {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  margin-top: 30px;
}
.m-extico > span > span {
  display: inline-block;
  width: 32px;
  cursor: pointer;
  margin-left: 6px;
}
.m-extico > span > span:hover svg {
  fill: #a61e2c;
}
.m-extico > span .wish-rem svg {
  fill: #a61e2c;
}
.m-extico > span .fav-rem svg {
  fill: #a61e2c;
}
.m-extico > span .compare-rem svg {
  fill: #a61e2c;
}

.m-photos {
  padding-right: 7%;
}

.m-gallery__box {
  display: flex;
  overflow-x: auto;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 0 0 10px;
}
.m-gallery__box a {
  display: block;
  padding: 0 10px;
  flex: 0 0 90px;
}
.m-gallery__box img {
  margin: 10px 0;
}

.m-infos__list {
  flex: 0 0 52%;
  padding-right: 35px;
  padding-top: 20px;
}
.m-infos__list li {
  margin-bottom: 8px;
}
.m-infos__list .prod a {
  font-weight: 700;
  color: #284f76;
  text-decoration: underline;
}
.m-infos__list .prod a:hover {
  text-decoration: none;
}
.m-infos__list .support strong {
  color: #a61e2c;
}
.m-infos__list .files a {
  display: block;
}
.m-infos__list .files a:hover {
  text-decoration: underline;
}
.m-infos__list .files img {
  width: 12px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.m-infos__wiz1 {
  margin-top: 25px;
}
.m-infos__com {
  margin-top: 25px;
  margin-bottom: 10px;
}
.m-infos__com img {
  position: relative;
  top: -1px;
}
.m-infos__com a:hover {
  text-decoration: underline;
}

.m-features__box {
  margin-bottom: 15px;
}
.m-features__name {
  font-weight: 700;
}

.m-attr {
  border-bottom: 1px solid #cccccc;
  padding: 0 0 15px;
  margin-bottom: 15px;
}
.m-attr__name {
  font-weight: 700;
  margin-bottom: 8px;
}
.m-attr__line {
  margin-bottom: 5px;
}
.m-attr__line input {
  display: none;
}
.m-attr__line label {
  display: block;
  padding-left: 24px;
  font-size: 0.875rem;
  position: relative;
}
.m-attr__line .marker {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background-color: #e8ecf1;
  position: absolute;
  top: 4px;
  left: 0;
  transition: all 100ms ease-in-out;
}
.m-attr__line label:hover .marker {
  background-color: #a61e2c;
}
.m-attr__line label input:checked + .marker {
  background: #a61e2c url(../img/ico-check_FFFF.svg) center center no-repeat;
  background-size: auto 12px;
}
.m-attr__line span {
  display: block;
}
.m-attr__line .val {
  display: inline-block;
}
.m-attr__line .tip {
  display: inline-block;
  position: relative;
}
.m-attr__line .tip::before {
  position: relative;
  top: 4px;
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/ico-help.svg) center center no-repeat;
  background-size: auto 17px;
}
.m-attr__line .tip .info {
  position: absolute;
  bottom: 14px;
  right: 0;
  padding: 10px;
  width: 200px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: visible;
  transition: all 100ms ease-in-out;
  display: none;
}
.m-attr__line .tip.open .info {
  opacity: 1;
  visibility: visible;
  display: block;
}
.m-attr__line .amount {
  line-height: 18px;
  display: inline-block;
  white-space: nowrap;
}
.m-attr__menu {
  display: flex;
  align-items: stretch;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.m-attr__menu li a {
  display: block;
  padding: 2px 10px;
  margin-right: 4px;
  background-color: #e8ecf1;
  border-radius: 3px;
}
.m-attr__menu li a:hover {
  background-color: rgb(206.6378378378, 215.0486486486, 225.5621621622);
}
.m-attr__menu li a.is-active {
  background-color: #284f76;
  color: #fff;
}
.m-attr__close {
  position: absolute;
  right: 20px;
  top: 18px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 26px;
  background-color: #a61e2c;
  color: #fff;
  border: 0;
  border-radius: 5px;
}

.m-attr__subgroup {
  align-items: stretch;
  flex-wrap: wrap;
}
.m-attr__subgroup .m-attr__line {
  flex: 0 0 calc(33.3333% - 10px);
  margin: 5px 5px 10px;
  line-height: 16px;
}
.m-attr__subgroup .m-attr__line label {
  padding-left: 0;
}
.m-attr__subgroup .m-attr__line .marker {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border: 2px solid #fff;
  margin-bottom: 8px;
  background-color: #fff;
}
.m-attr__subgroup .m-attr__line label:hover .marker {
  border-color: #a61e2c;
  background-color: #fff;
}
.m-attr__subgroup .m-attr__line label input:checked + .marker {
  background-size: cover;
  border-color: #a61e2c;
}
.m-attr__subgroup .m-attr__line .val {
  font-size: 13px;
}

.m-attr__subgroup.is-active {
  display: flex;
}

.m-buybox {
  flex: 0 0 48%;
  padding: 25px 20px 20px;
  border: 1px solid #284f76;
  border-radius: 5px;
}
.m-buybox__price {
  display: flex;
  margin-bottom: 20px;
}
.m-buybox__price .txt {
  flex: 0 0 45px;
}
.m-buybox__price .val .brutto {
  font-weight: 700;
  font-size: 1.0625rem;
  display: block;
}
.m-buybox__price .val .brutto s {
  font-weight: 400;
  font-size: 0.9375rem;
}
.m-buybox__price .val .brutto strong {
  white-space: nowrap;
}
.m-buybox__price .val .netto {
  font-size: 0.875rem;
}
.m-buybox__qty {
  display: flex;
  align-items: center;
}
.m-buybox__qty .txt {
  flex: 0 0 45px;
}
.m-buybox__qty .val {
  flex: 1 1 100%;
}
.m-buybox__qty .box {
  background-color: #e8ecf1;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100px;
  text-align: center;
}
.m-buybox__qty .box input {
  width: 40px;
  text-align: center;
  background-color: #e8ecf1;
  font-weight: 700;
  border: 0;
  height: 36px;
}
.m-buybox__btn {
  padding-top: 12px;
}
.m-buybox__btn button {
  background-color: #a61e2c;
  border: 0;
  color: #fff;
  width: 100%;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 2px;
  height: 50px;
  padding-top: 1px;
}

.m-inbn {
  flex: 0 0 100%;
  padding-top: 30px;
}
.m-inbn__box {
  border-radius: 5px;
  background-color: #e8ecf1;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.m-inbn__box img {
  max-width: 18px;
  max-height: 18px;
  margin-right: 12px;
}
.m-inbn__box--serwis a {
  color: #284f76;
  text-decoration: underline;
  display: inline-block;
  margin-left: 4px;
}
.m-inbn__box--serwis a:hover {
  text-decoration: none;
}

.m-catalog {
  display: flex;
  flex-direction: column;
}
.m-catalog__filters {
  order: 2;
}
.m-catalog__title {
  order: 1;
  padding: 8px 0 0;
}
.m-catalog__title h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.375rem;
}
.m-catalog__nav {
  order: 3;
  display: flex;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-top: 30px;
  align-items: center;
}
.m-catalog__products {
  order: 4;
}
.m-catalog__bottom {
  order: 5;
  padding: 60px 0 70px;
}

.m-products form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.m-products .m-item--mac {
  flex: 0 0 50%;
  padding: 10px 10px 40px;
}
.m-products .m-item--mac .m-item__thumb {
  padding: 0 15px;
}
.m-products .m-item--mac2 {
  flex: 0 0 33.333%;
  padding: 10px 10px 40px;
}
.m-products .m-item--mac2 .m-item__thumb {
  padding: 0 15px;
}
.m-products .m-item__title {
  height: 90px;
  overflow: hidden;
}
.m-products .m-item__title a {
  padding-top: 15px;
}
.m-products .m-pro-alt {
  flex: 0 0 100%;
  border-bottom: 1px solid #cccccc;
  display: flex;
  align-items: stretch;
  font-size: 0.875rem;
}
.m-products .m-pro-alt__thumb {
  flex: 0 0 80px;
  padding: 5px 0;
}
.m-products .m-pro-alt__info {
  flex: 1 1 100%;
  padding: 5px 0 5px 20px;
  display: flex;
  align-items: center;
  min-width: 0;
}
/* Tytuł — elastyczny slot; długie nazwy zawijają się zamiast rozpychać wiersz
   (naprawa 2026-07-17: logo i „Dostawa" przestają latać) */
.m-products .m-pro-alt__title {
  flex: 1 1 auto;
  min-width: 120px;
  padding-right: 16px;
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 1.3;
}
/* Logo producenta — stały slot (klasa .m-pro__prod, nie __prod) */
.m-products .m-pro-alt .m-pro__prod {
  flex: 0 0 84px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 4px;
}
.m-products .m-pro-alt__prod {
  flex: 0 0 130px;
}
.m-products .m-pro-alt__buy {
  flex: 0 0 auto;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.m-products .m-pro-alt .m-pro__aval {
  flex: 0 0 125px;
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
}
.m-products .m-pro-alt .m-pro__aval span {
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 700;
  height: 28px;
  padding: 2px 10px;
  white-space: nowrap;
}
.m-products .m-pro-alt .m-pro__aval .green {
  border-color: #74a338;
}
.m-products .m-pro-alt__price {
  flex: 0 0 112px;
  text-align: right;
  margin-left: 0;
  line-height: 1.25;
}
.m-products .m-pro-alt__price .brutto {
  font-weight: 700;
  white-space: nowrap;
}
/* Stara cena przekreślona — wyniesiona do osobnej linii NAD nową ceną,
   mniejsza i szara (2026-07-17, pomysł: zwężenie kolumny ceny → mieści się rząd) */
.m-products .m-pro-alt__price .brutto s {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #999999;
  line-height: 1;
  margin-bottom: 1px;
}
.m-products .m-pro-alt__price .netto {
  display: block;
  white-space: nowrap;
  font-size: 0.75rem;
  color: #777777;
}
.m-products .m-pro-alt__cart {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.m-products .m-pro-alt__cart input[type=text] {
  width: 40px;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 600;
  background-color: #e8ecf1;
  border: 0;
  height: 24px;
}
.m-products .m-pro-alt__cart button {
  border: 0;
  background-color: #a01028;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 0 16px;
  margin-left: 8px;
  transition: all 100ms ease-in-out;
  height: 34px;
  border-radius: 8px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.m-products .m-pro-alt__cart button:hover {
  background-color: #83091f;
}
.m-products .m-pro-alt__cart button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.7);
}
.m-products .m-pro__prod {
  flex: 0 0 160px;
}

.m-filters {
  margin-top: 20px;
  background-color: #e8ecf1;
  border-radius: 10px;
  margin-bottom: 20px;
}
.m-filters__box {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  padding: 5px 0 15px 5px;
}

.m-filter {
  background-color: #fff;
  margin-right: 6px;
  border-radius: 6px;
  flex: 0 0 230px;
  padding: 15px 6px 10px 10px;
}
.m-filter__mod {
  display: none;
}
.m-filter__search {
  margin-bottom: 5px;
  padding-right: 4px;
}
.m-filter__search input {
  font-size: 0.875rem;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  color: #000;
  padding: 5px 8px 4px;
}
.m-filter__search input::placeholder {
  opacity: 0.7;
  color: #000;
}
.m-filter__wrapper {
  height: 180px;
  overflow-y: auto;
}
.m-filter__name {
  font-weight: 700;
  margin-bottom: 5px;
}
.m-filter__box {
  font-size: 0.875rem;
  position: relative;
  padding: 2px 0 2px 26px;
}
.m-filter__box input {
  display: none;
}
.m-filter__box .marker {
  position: absolute;
  left: 0;
  top: 6px;
}
.m-filter__box .marker::before {
  content: " ";
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  transition: background-color 100ms ease-in-out;
}
.m-filter__box label {
  display: block;
}
.m-filter__box label:hover .marker::before {
  border: 1px solid #a61e2c;
  background-color: #a61e2c;
}
.m-filter__box input:checked + .marker::before {
  border: 1px solid #a61e2c;
  background: #a61e2c url(../img/ico-check_FFFF.svg) center center no-repeat;
  background-size: auto 10px;
}

.m-filact {
  padding: 25px 15px 15px;
}
.m-filact__title {
  font-weight: 700;
  margin-bottom: 5px;
}
.m-filact__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
}
.m-filact__item {
  margin-right: 15px;
}
.m-filact__item .name {
  font-weight: 700;
}
.m-filact__item .val a {
  display: inline-block;
  padding-left: 16px;
  background: url(../img/close_A61E2C.svg) 0 6px no-repeat;
  background-size: auto 14px;
  margin-right: 10px;
}
.m-filact__item .val a:hover {
  text-decoration: underline;
}

.m-tryby {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-tryby a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 2px;
}
/* Ikony trybów wyświetlania — powiększone o 25% (24→30px), 2026-07-16.
   Rozmiar był w atrybutach inline-SVG (width/height="24"); nadpisujemy w CSS. */
.m-tryby a .svg {
  width: 30px;
  height: 30px;
  color: #57628C;
}
/* Hover — czerwień marki */
.m-tryby a:hover .svg {
  color: #CD3039;
}
/* Aktywny tryb — czerwień (klasę .active dodaje catalog.js, bo KQS jej nie renderuje) */
.m-tryby a.active .svg {
  color: #CD3039;
}
/* Tooltip trybów — brandowy dymek (granat), tekst z data-tip (catalog.js kopiuje z aria-label).
   Pozycja: nad ikoną, strzałka w dół, płynne pojawianie na hover. */
.m-tryby a[data-tip] {
  position: relative;
}
.m-tryby a[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: #304870;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  padding: 7px 11px;
  border-radius: 7px;
  box-shadow: 0 6px 18px rgba(48, 72, 112, 0.25);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 20;
}
.m-tryby a[data-tip]::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  border: 6px solid transparent;
  border-top-color: #304870;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 20;
}
.m-tryby a[data-tip]:hover::after,
.m-tryby a[data-tip]:hover::before {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.m-pagination {
  display: flex;
  align-items: stretch;
  padding: 5px 0;
  min-height: 30px;
}
.m-pagination--bottom {
  justify-content: center;
}
.m-pagination a,
.m-pagination span {
  flex: 0 0 30px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
}
.m-pagination span {
  background-color: #284f76;
  color: #fff;
  font-weight: 700;
}

.m-sort {
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  min-height: 40px;
}
.m-sort select {
  font-size: 0.875rem;
  border: 0;
  margin-left: 5px;
  padding-right: 10px;
}

.m-pro {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #cccccc;
  padding: 20px 0;
  flex: 0 0 100%;
}
.m-pro__thumb {
  flex: 0 0 150px;
}
.m-pro__prod img {
  max-width: 80px;
  max-height: 28px;
}

/* ==========================================================================
   LOGO PRODUCENTA — spójny system gabarytów (2026-07-16)
   Zasada: jeden box (max-width × max-height) per miejsce; width/height auto
   + object-fit:contain → każde logo (RICOH 2.89:1, Epson, Konica…) wpasowuje
   się bez deformacji. Tylko zmniejszamy — pełny kolor wszędzie.
   Klasy trybów wg Mapy §5F.1: Tryb1 .m-pro · Tryb3 .m-pro-alt ·
   Tryb2 .m-item--mac2 · Tryb4 .m-item--mac · karta .m-infos__list .prod
   ========================================================================== */

/* Wspólne zachowanie dla wszystkich logotypów producenta w listach */
.m-products .m-pro__prod img,
.m-products .m-pro-alt__prod img,
.m-products .m-item--mac .m-pro__prod img,
.m-products .m-item--mac2 .m-pro__prod img,
.m-infos__list .prod-logo img {
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Tryb 1 (lista pozioma) — logo 105×33 (zmniejszone o 25% z 140×44, 2026-07-17) */
.m-products .m-pro:not(.m-pro-alt) .m-pro__prod img {
  max-width: 105px;
  max-height: 33px;
}
/* Tryb 3 (tabela parametryczna) — logo małe (80×28), slot 88px, wąski kontener 695px
   (naprawa 2026-07-17: dopasowanie do realnej szerokości kontenera listy) */
.m-products .m-pro-alt .m-pro__prod img,
.m-products .m-pro-alt__prod img {
  max-width: 80px;
  max-height: 28px;
}

/* Tryb 2 (siatka) + Tryb 4 (kafelki) — mini-karty, mniejszy box */
.m-products .m-item--mac .m-pro__prod img,
.m-products .m-item--mac2 .m-pro__prod img {
  max-width: 120px;
  max-height: 38px;
}

/* Karta produktu — logo w OSOBNYM bloku pod linią „Producent: RICOH".
   Szablon (pod-blok Producent) rozdziela {NAZWA_FIRMY} (link w linii) od
   {PRODUCENT_LOGO} (ten blok). Złamanie linii + wyrównanie do lewej. */
.m-infos__list .prod-logo {
  display: block;
  margin-top: 10px;
  text-align: left;
  line-height: 0;
}
.m-infos__list .prod-logo img {
  max-width: 150px;
  max-height: 52px;
}

.m-pro__info {
  flex: 1 1 100%;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
.m-pro__title a {
  display: block;
  margin-bottom: 10px;
}
.m-pro__title a:hover {
  text-decoration: underline;
}
.m-pro__buy {
  flex: 0 0 285px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 20px;
}
.m-pro__aval {
  display: inline-block;
}
.m-pro__aval span {
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 700;
  height: 28px;
  padding: 2px 10px;
}
.m-pro__aval .green {
  border-color: #74a338;
}
.m-pro__price {
  text-align: right;
  margin-top: 10px;
}
.m-pro__price .brutto {
  font-weight: 700;
  font-size: 1rem;
  display: block;
}
.m-pro__price .brutto s {
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 2px;
}
.m-pro__price .netto {
  font-size: 0.875rem;
  margin-left: 10px;
}
.m-pro__cart {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  margin-top: 10px;
}
.m-pro__cart input[type=text] {
  width: 50px;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 600;
  background-color: #e8ecf1;
  border: 0;
  height: 34px;
  border-radius: 8px;
}
.m-pro__cart button {
  border: 0;
  background-color: #a01028;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 0 18px;
  margin-left: 6px;
  border-radius: 8px;
  transition: all 120ms ease-in-out;
  height: 34px;
}
.m-pro__cart button:hover {
  background-color: #83091f;
}
.m-pro__cart button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.7);
}

@media all and (max-width: 1450px) {
  .m-header__logo img {
    width: 120px;
  }
  .m-search__box {
    height: 40px;
  }
  .m-search__text {
    padding: 8px 10px 6px;
  }
  .m-search__select {
    flex: 0 0 180px;
    padding: 8px 10px 6px;
  }
  .m-search__btn {
    flex: 0 0 46px;
  }
  .m-search__btn button {
    width: 36px;
  }
  .m-call__icon img {
    width: 28px;
  }
  .m-call__info .phone {
    font-size: 0.9375rem;
  }
  .m-account img {
    width: 38px;
  }
  .m-cart {
    margin-left: 20px;
  }
  .m-cart img {
    width: 25px;
  }
  .m-banner__name {
    font-size: 1.125rem;
    padding: 10px 16px 4px;
  }
  .m-item--mac .m-item__price,
  .m-item--mac2 .m-item__price {
    display: block;
  }
  .m-fbox {
    flex-wrap: wrap;
  }
  .m-fbox__info {
    flex: 0 0 calc(100% - 150px);
  }
  .m-fbox__line {
    flex: 0 0 100%;
    padding: 15px 0 5px 5px;
  }
  .m-home::before {
    bottom: 170px;
  }
  .m-home__blog {
    min-width: 0;
    padding-right: 40px;
    flex: 0 0 54%;
  }
  .m-home__info {
    flex: 0 0 46%;
  }
  .m-blog {
    overflow-x: auto;
    padding-bottom: 30px;
    display: flex;
  }
  .m-blog__item {
    flex: 0 0 270px;
    margin-right: 30px;
  }
  .m-populars__products {
    overflow-x: auto;
    padding-bottom: 30px;
  }
  .m-populars__products .m-po {
    flex: 0 0 250px;
    margin-right: 15px;
  }
  .m-product__title {
    float: none;
    width: 100%;
  }
  .m-infos {
    flex-direction: column;
    align-items: stretch;
  }
  .m-infos__list {
    flex: 0 0 100%;
    padding-right: 0;
  }
  .m-buybox {
    flex: 0 0 100%;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .m-buybox__price {
    flex: 0 0 100%;
  }
  .m-buybox__qty {
    display: flex;
    align-items: stretch;
    margin-right: 10px;
  }
  .m-buybox__qty .txt {
    display: flex;
    align-items: center;
  }
  .m-buybox__qty .val {
    display: flex;
    align-items: stretch;
  }
  .m-buybox__qty .val .box {
    display: flex;
    align-items: center;
  }
  .m-buybox__btn {
    padding-top: 0;
  }
  .m-buybox__btn button {
    padding: 1px 20px 0;
  }
}
.m-ask-link {
  padding-top: 15px;
}
.m-ask-link a:hover {
  text-decoration: underline;
}

.m-mmenu.optx {
  position: fixed;
  left: -270px;
  top: 0;
  bottom: 0;
  z-index: 10000;
  background-color: #e8ecf1;
  overflow-y: auto;
  width: 260px;
  transition: all 100ms ease-in-out;
}
.m-mmenu.optx .js-close-menu {
  margin-top: 15px;
  display: inline-block;
  position: absolute;
  right: 15px;
}
.m-mmenu.optx .m-cats {
  padding-top: 60px;
}
.m-mmenu.optx a:hover {
  text-decoration: underline;
}

body::before {
  content: " ";
  display: block;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 100ms ease-in-out;
  visibility: hidden;
  opacity: 0;
}
body.menu-open {
  overflow: hidden;
}
body.menu-open::before {
  visibility: visible;
  opacity: 1;
}

body.menu-open .m-mmenu.optx {
  left: 0;
}

.m-mmenu.alter {
  opacity: 0;
  visibility: hidden;
  display: block;
  left: calc((100% - 1560px) / 2);
  position: fixed;
  top: 240px;
  z-index: 10000;
  background-color: #fff;
  overflow-y: visible;
  transition: all 100ms ease-in-out;
  border-radius: 5px;
}
.m-mmenu.alter .js-close-menu {
  text-align: right;
  display: block;
  margin: 10px 5px;
}
.m-mmenu.alter .m-cats {
  background-color: #fff;
  border-radius: 5px;
}
.m-mmenu.alter .m-cats__list {
  background-color: #fff;
}
.m-mmenu.alter .m-cats__list .c-trigger {
  position: absolute;
  right: 0;
}
.m-mmenu.alter .m-cats__list .c-trigger::before {
  background: url(../img/ico-arrow-3.svg) center center no-repeat;
  background-size: auto 10px;
}
.m-mmenu.alter .m-cats__top {
  padding: 8px 30px 7px 20px;
  position: relative;
  background: #fff;
}
.m-mmenu.alter .m-cats__top > ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background: #e8ecf1;
  columns: 2;
  column-gap: 50px;
  padding: 10px 20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.m-mmenu.alter .m-cats__top > ul > li {
  padding: 4px 4px;
  white-space: nowrap;
}
.m-mmenu.alter .m-cats__top:last-of-type {
  border: 0;
}
.m-mmenu.alter .m-cats__top:hover {
  background: #e8ecf1;
}
.m-mmenu.alter .m-cats__top:hover > ul {
  display: block;
}

body.menu-open .m-mmenu.alter {
  opacity: 1;
  visibility: visible;
}

.produkt {
  font-size: 30px;
  font-family: Tahoma;
  font-weight: normal;
  color: #CC6600;
  text-align: center;
}

.produkt1 {
  font-size: 30px;
  font-family: Tahoma;
  font-weight: normal;
  color: #663300;
  text-align: center;
}

.produkt {
  font-size: xx-large;
  font-family: Tahoma;
  font-weight: normal;
  color: #663300;
  text-align: center;
}

.produkt_opis {
  font-size: 12px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.41em;
  text-align: left;
}

.produkt_podpis {
  font-size: 16px;
  font-family: Tahoma;
  font-weight: bold;
  color: #003399;
  text-align: center;
  clear: both;
}

.produkt_podpis1 {
  font-size: 18px;
  font-family: Tahoma;
  font-weight: bold;
  color: #003399;
  text-align: center;
  clear: both;
}

.produkt_podpis_a {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #663300;
  text-align: center;
}

.produkt_podpis_2 {
  font-size: 20px;
  font-family: Tahoma;
  font-weight: bold;
  color: #003399;
  text-align: center;
  clear: both;
}

.produkt_podpis_3 {
  font-size: 40px;
  font-family: Tahoma;
  font-weight: bold;
  color: #F01615;
  text-align: center;
  clear: both;
}

.produkt_podpis_4 {
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #F01615;
  text-align: center;
}

.produkt_podpis_5 {
  font-size: 36px;
  font-family: "Trebuchet MS";
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

.produkt_podpis_6 {
  font-size: 36px;
  font-family: "Trebuchet MS";
  font-weight: bold;
  color: #000099;
  text-align: center;
}

.produkt_podpis_61 {
  font-size: 18px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold;
  color: #0000FF;
  text-align: center;
}

.produkt_podpis_7 {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.produkt_podpis_8 {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #003399;
  text-align: center;
  font-style: italic;
}

.pr_info_box {
  background-color: #FFF8E7;
  border-left: 4px solid #DD740B;
  padding: 10px 14px;
  margin: 8px 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  color: #000000;
  line-height: 24px;
}

.pr_success_box {
  background-color: #F0FFF4;
  border-left: 4px solid #2E7D32;
  padding: 10px 14px;
  margin: 8px 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  color: #000000;
  line-height: 24px;
}

.pr_txt0 {
  font-size: xx-large;
  font-family: Tahoma;
  font-weight: normal;
  color: #663300;
  text-align: center;
}

.pr_txt1 {
  font-size: 18px;
  font-family: Tahoma;
  font-weight: bold;
  color: #003399;
  text-align: center;
}

.pr_txt2 {
  font-size: 20px;
  font-family: Tahoma;
  font-weight: bold;
  color: #003399;
  text-align: center;
}

.pr_txt3 {
  font-size: 36px;
  font-family: Tahoma;
  font-weight: bold;
  color: #663300;
  text-align: center;
}

.pr_txt4 {
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #F01615;
  text-align: center;
}

.pr_txt5 {
  font-size: 36px;
  font-family: Tahoma;
  font-weight: bold;
  color: #F01615;
  text-align: center;
}

.pr_txt6 {
  font-size: 18px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold;
  color: #0000FF;
  text-align: center;
}

.pr_txt7 {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.pr_txt8 {
  font-size: 12px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: bold;
  color: #003399;
  text-align: center;
  font-style: italic;
}

.pr_txt9 {
  font-size: 20px;
  font-family: Tahoma;
  font-weight: bold;
  color: #003399;
  text-align: center;
  clear: both;
}

.pr_txt10 {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #663300;
  text-align: center;
}

.pr_txt11 {
  font-size: 16px;
  font-family: Tahoma;
  font-weight: bold;
  color: #003399;
  text-align: center;
  clear: both;
}

.pr_txt12 {
  font-size: 36px;
  font-family: "Trebuchet MS";
  font-weight: bold;
  color: #000099;
  text-align: center;
}

.pr_txt13 {
  font-size: 36px;
  font-family: "Trebuchet MS";
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

.pr_txt14 {
  font-size: 36px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: normal;
  color: #663300;
  text-align: center;
}

.pr_txt15 {
  font-size: 36px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: normal;
  color: #663300;
  text-align: center;
}

.pr_txt15 {
  font-size: 36px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: normal;
  color: #000099;
  text-align: center;
}

.pr_txt16 {
  font-size: 24px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: normal;
  color: #000099;
  text-align: center;
}

.pr_txt17 {
  font-size: 24px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: normal;
  color: #663300;
  text-align: center;
}

.pr_txt18 {
  font-size: 14px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: normal;
  color: #663300;
  text-align: center;
}

.pr_txt19 {
  font-size: 18px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: normal;
  color: #000099;
  text-align: left;
}

.pr_txt20 {
  font-size: 18px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: bold;
  color: #000099;
  text-align: left;
}

.pr_txt21 {
  font-size: 16px;
  font-family: Montserrat, "Open Sans", Roboto, Lato, "Gill Sans MT";
  font-weight: normal;
  color: #000000;
  text-align: left;
}

.pr_txt22_Naglowek_1 {
  font-size: 27px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: normal;
  color: #A61E2B;
  text-align: left;
}

.pr_txt23_Naglowek_2 {
  font-size: 21px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: normal;
  color: #285077;
  text-align: left;
}

.pr_txt24_Tekst_Produkt {
  font-size: 15px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  text-align: left;
  line-height: 24px;
}

ul.pr_txt24_Tekst_Produkt li:has(.biofi-icon) {
  list-style: none;
}

.pr_txt25_Wyszczegolnienie {
  font-size: 21px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold;
  color: #285077;
  text-align: left;
}

.pr_txt25_Wyszczegolnienie {
  margin-top: 20px;
}

.set_bcg_white {
  background-color: #FFFFFF;
  height: 22px;
}

#sidebar_baner {
  float: left;
  width: 800px;
  height: 158px;
}

/* ================================================
   BIOFI – własne ikony SVG do opisów produktów
   ================================================ */
.biofi-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: -2px;
  transition: transform 0.2s, opacity 0.2s;
}

.biofi-icon:hover {
  transform: translateY(-1px);
  opacity: 0.82;
}

/* Ikony nagłówków sekcji – większe */
.pr_txt25_Wyszczegolnienie .biofi-icon,
.pr_txt22_Naglowek_1 .biofi-icon,
.pr_txt23_Naglowek_2 .biofi-icon {
  width: 34px;
  height: 34px;
}

.biofi-icon-star {
  background-image: url(/grafika/biofi/ikony/ikona_star.svg);
}

.biofi-icon-check {
  background-image: url(/grafika/biofi/ikony/ikona_check_box.svg);
}

.biofi-icon-lupa {
  background-image: url(/grafika/biofi/ikony/ikona_lupa.svg);
}

.biofi-icon-uwaga {
  background-image: url(/grafika/biofi/ikony/ikona_uwaga.svg);
}

.biofi-icon-zarowka {
  background-image: url(/grafika/biofi/ikony/ikona_zarowka.svg);
}

.biofi-icon-rakieta {
  background-image: url(/grafika/biofi/ikony/ikona_rakieta.svg);
}

.biofi-icon-tool {
  background-image: url(/grafika/biofi/ikony/ikona_tool_gold.svg);
}

/* ================================================
   BIOFI – micro UX dla list z ikonami
   ================================================ */
ul.pr_txt24_Tekst_Produkt {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

ul.pr_txt24_Tekst_Produkt li {
  transition: transform 0.2s;
  margin-bottom: 4px;
}

ul.pr_txt24_Tekst_Produkt li:hover {
  transform: translateX(2px);
}

ul.pr_txt24_Tekst_Produkt li .biofi-icon {
  margin-right: 8px;
  vertical-align: middle;
}

.bio-op-kli {
  width: 746px;
  float: left;
  border-bottom-width: 2px;
  border-bottom-color: #F01615;
  border-bottom-style: solid;
  margin-top: 10px;
  margin-left: 5px;
}

.bio-op-kli-naz {
  float: left;
  font-family: "Courier New", Courier, monospace;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background-image: url(http://www.biofi.pl/grafika/biofi/belka_klienci_nazwa.gif);
  height: 21px;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-left: 10px;
}

.bio-op-wyp {
  width: 735px;
  float: left;
  background-color: #F9FAFB;
  font-family: Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 12px;
  color: #333333;
  margin-bottom: 2px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #CCCCCC;
  line-height: 1.41em;
  text-align: left;
  margin-right: 5px;
  margin-left: 5px;
  padding: 5px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #CCCCCC;
  border-left-color: #CCCCCC;
}

.bio-ra-2 {
  width: 750px;
  background-repeat: no-repeat;
  float: left;
  height: inherit;
  background-position: top;
  margin-bottom: 0px;
}

.bio-ss {
  width: 750px;
  float: left;
  margin-bottom: 0px;
}

#box_certificate_image {
  background-image: url(http://www.biofi.pl/grafika/biofi/rama_ceryficate_bcg.jpg);
  background-repeat: no-repeat;
  height: 351px;
  width: 301px;
}

.box_certificate_image_padding {
  float: left;
  display: block;
  margin-top: 49px;
  margin-left: 50px;
}

#box_certificate_image_poziom {
  width: 351px;
  background-image: url(http://www.biofi.pl/grafika/biofi/rama_ceryficate_bcg_horiz.jpg);
  background-repeat: no-repeat;
  height: 301px;
}

#box_empty {
  width: auto;
  float: none;
}

.box_empty {
  width: 735px;
  float: left;
}

#box_empty_info {
  width: 800px;
  float: left;
  margin-bottom: 10px;
}

#box_empty_medium {
  width: auto;
  float: left;
  padding-top: 15px;
  padding-right: 100px;
  padding-left: 100px;
  position: relative;
}

#box_float_left {
  float: left;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

#box_info_dyskrecja {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_dyskrecja.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_jakosc {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_jakosc.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_gwarancja {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_gwarancja.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_legalnosc {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_legalnosc.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_ochrona {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_ochrona.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_oszczednosc {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_oszczednosc.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_podobienstwo {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_podobienstwo.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_satysfakcja {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_satysfakcja.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_solidnosc {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_solidnosc.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

#box_info_szybkosc {
  width: 377px;
  float: left;
  background-image: url(http://www.biofi.pl/grafika/biofi/wazne_informacje_szybkosc.jpg);
  height: 186px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

.box_info_marginesy {
  float: left;
  margin-top: 27px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 160px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#box_opinie_klient {
  width: 730px;
  float: left;
  border-bottom-width: 2px;
  border-bottom-color: #F01615;
  border-bottom-style: solid;
}

#box_opinie_klient_second {
  width: 730px;
  float: left;
  border-bottom-width: 2px;
  border-bottom-color: #F01615;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DADDE3;
  padding-top: 10px;
}

#box_opinie_klient_nazwa {
  float: left;
  font-family: "Courier New", Courier, monospace;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background-image: url(http://www.biofi.pl/grafika/biofi/belka_klienci_nazwa.gif);
  height: 21px;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-left: 10px;
}

#box_opinie_wypowiedz {
  width: 730px;
  float: left;
  background-color: #F9FAFB;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  margin-bottom: 2px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  line-height: 1.41em;
}

#box_opinie_wypowiedz_second {
  width: 730px;
  float: left;
  background-color: #F2F3F6;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  margin-bottom: 2px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #666666;
  border-bottom-color: #FFFFFF;
  margin-bottom: 2px;
  line-height: 1.41em;
}

.box_op_kl1 {
  width: 750px;
  float: left;
  border-bottom-width: 2px;
  border-bottom-color: #F01615;
  border-bottom-style: solid;
}

.box_op_kl2 {
  float: left;
  border-bottom-width: 2px;
  border-bottom-color: #F01615;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DADDE3;
  padding-top: 20px;
  width: 750px;
}

.box_op_kl_name {
  float: left;
  font-family: "Courier New", Courier, monospace;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background-image: url(http://www.biofi.pl/grafika/biofi/belka_klienci_nazwa.gif);
  height: 21px;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-left: 10px;
  clear: both;
}

.box_op_kl_say1 {
  width: 730px;
  float: left;
  background-color: #F9FAFB;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  margin-bottom: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  line-height: 1.51em;
  padding: 10px;
  clear: both;
  margin-top: 1px;
}

.box_op_kl_say2 {
  width: 730px;
  float: left;
  background-color: #F2F3F6;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  margin-bottom: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  margin-bottom: 1px;
  line-height: 1.51em;
  padding: 10px;
  clear: both;
  margin-top: 1px;
}

#box_sklad_jeden {
  float: left;
  height: 160px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 160px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  background-image: url(http://www.biofi.pl/grafika/skladniki/sklad_glog_150.jpg);
  background-repeat: no-repeat;
  background-position: 2px 10px;
}

#box_sklad_dwa {
  float: left;
  height: 240px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 160px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  background-image: url(http://www.biofi.pl/grafika/skladniki/sklad_kukurydza_150.jpg);
  background-repeat: no-repeat;
  background-position: 2px 72px;
  width: 630px;
}

#box_whole {
  float: left;
  height: auto;
  width: 740px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.box_whole {
  height: auto;
  width: 740px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: left;
  padding-bottom: 15px;
  clear: both;
}

#box_whole_image {
  float: left;
  height: auto;
  width: 790px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 10px;
}

#box_whole ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

#box_whole ul li {
  background-position: 0 9px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  background-image: url(http://www.biofi.pl/grafika/aukcje/inne/arrow.gif);
  background-repeat: no-repeat;
}

/* ================================================
   BIOFI – tabela specyfikacji produktu
   ================================================ */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px;
  margin-bottom: 14px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
}

.spec-table td {
  padding: 7px 10px;
  border: 1px solid #DADDE3;
  vertical-align: top;
  line-height: 24px;
}

.spec-table tr td:first-child {
  background-color: #F2F3F6;
  font-weight: bold;
  color: #285077;
  width: 42%;
}

.spec-table tr td:last-child {
  background-color: #FFFFFF;
  color: #000000;
}

/* ================================================
   BIOFI – separator sekcji w opisach produktów
   ================================================ */
.pr_section_divider {
  border: 0;
  border-top: 1px solid #DADDE3;
  margin: 24px 0;
}

/* ================================================
   BIOFI – zwijane sekcje details/summary (zero JS)
   ================================================ */
details.pr_section {
  border: 1px solid #DADDE3;
  border-radius: 4px;
  margin: 10px 0;
  padding: 0;
}

details.pr_section summary {
  font-size: 21px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold;
  color: #285077;
  padding: 12px 14px;
  cursor: pointer;
  background-color: #F2F3F6;
  border-bottom: 1px solid #DADDE3;
  list-style: none;
}

details.pr_section summary::-webkit-details-marker {
  display: none;
}

details.pr_section summary::before {
  content: "＋ ";
  font-weight: bold;
  color: #DD740B;
}

details.pr_section[open] summary::before {
  content: "－ ";
}

details.pr_section[open] summary {
  border-bottom: 1px solid #DADDE3;
}

details.pr_section .pr_section_content {
  padding: 10px 14px;
}

.tabela_naglowek {
  background-color: #DDDDDD;
  color: #4A5D7F;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: 333333;
  border-top-color: 333333;
  border-right-width: 0px;
  border-left-width: 0px;
  padding: 3px;
  text-align: center;
}

.tabela-normal {
  BORDER-COLLAPSE: collapse;
  BORDER: 0px;
}

.tabela-normal-fixed {
  BORDER-COLLAPSE: collapse;
  BORDER: 0px;
  position: fixed;
  top: 285px;
  z-index: 2023;
}

.tabela-normal-koszyk {
  BORDER-COLLAPSE: collapse;
  BORDER: 0px;
}

TABLE {
  COLOR: #000000;
  font-size: 15px;
  FONT-FAMILY: Roboto, Arial, sans-serif;
  FONT-WEIGHT: normal;
}

.table_lv1_left {
  background-color: #F2F3F6;
  color: #4A5D7F;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
}

.table_lv2_left {
  background-color: #F9FAFB;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
}

.table_lv1_right {
  background-color: #F2F3F6;
  color: #4A5D7F;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
}

.table_lv2_right {
  background-color: #F9FAFB;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
}

.table_blv1_left {
  background-color: #F2F3F6;
  color: #4A5D7F;
  font-family: Roboto, Arial, SansSerif;
  font-size: 18px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DADDE3;
  width: 60%;
}

.table_blv2_left {
  background-color: #F9FAFB;
  color: #333333;
  font-family: Roboto, Arial, SansSerif;
  font-size: 18px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DADDE3;
  width: 60%;
}

.table_blv1_right {
  background-color: #F2F3F6;
  color: #4A5D7F;
  font-family: Roboto, Arial, SansSerif;
  font-size: 18px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: right;
  width: 40%;
}

.table_blv2_right {
  background-color: #F9FAFB;
  color: #333333;
  font-family: Roboto, Arial, SansSerif;
  font-size: 18px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: right;
  width: 40%;
}

.table_2020_lv1_left {
  background-color: #F2F3F6;
  color: #000000;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
}

.table_2020_lv1_right {
  background-color: #F2F3F6;
  color: #000000;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: right;
}

.table_2020_lv2_left {
  background-color: #F9FAFB;
  color: #000000;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
}

.table_2020_lv2_right {
  background-color: #F9FAFB;
  color: #000000;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DADDE3;
  border-bottom-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: right;
}

.table_lv31 {
  background-color: #FFFFFF;
  color: #000033;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-top-width: thin;
  border-top-style: dotted;
  border-top-color: #000000;
}

.table_promotion {
  border: 1px solid #999999;
  border-collapse: collapse;
}

.table_promotion th {
  border: 1px solid #999999;
  border-collapse: collapse;
}

.table_promotion td {
  border: 1px solid #999999;
  border-collapse: collapse;
}

.tbl_pa {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  font-size: 18px;
  padding-left: 10px;
  border: 1px dotted #000000;
}

.tbl_pb {
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
}

.tbl_pc {
  margin-bottom: 10px;
}

.tbl_pd {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  font-size: 18px;
  padding-left: 10px;
  border: 1px dotted #000000;
  text-align: center;
}

.tbl_pe {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  font-size: 18px;
  padding-left: 3px;
  border: 1px dotted #000000;
  background-image: url(http://www.biofi.pl/grafika/biofi/red-check-mark-3.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}

.tbl_pf {
  margin-bottom: 35px;
}

.tbl_pg {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  padding-left: 10px;
  border: 1px dotted #000000;
  text-align: left;
  color: #990000;
}

.m-ext {
  padding: 20px 0 50px;
}
.m-ext__header {
  margin-bottom: 20px;
}
.m-ext__header h1 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.s-form {
  width: 600px;
  margin: auto;
}

.s-form-row {
  display: flex;
  align-items: center;
  gap: 30px;
  line-height: 1.375rem;
  padding: 5px 0;
}

.s-form-row .col-a {
  flex: 0 0 220px;
  text-align: right;
}

.s-form-row .col-b {
  flex: 1 1 100%;
}

.s-form-row .col-b input[type=text],
.s-form-row .col-b select {
  border: 1px solid #E2E2E2;
  width: 100% !important;
  font-size: 1rem;
  height: 50px;
  padding: 0 8dpx;
  border-radius: 6px;
}

.s-form-row .s-form-opts {
  padding: 2px 0;
}

.s-form-row .s-form-opts input {
  position: relative;
  bottom: -1px;
  border-radius: 6px;
}

.s-form-row--main {
  align-items: stretch;
}

.s-form-row--main .col-a {
  font-size: 18px;
}

.s-form-row--main .col-b input[type=text] {
  margin-bottom: 10px;
  border-radius: 6px;
}

.s-form-row--main .lpn {
  display: block;
  text-align: right;
  font-size: 1rem;
}

.s-form-row--btn {
  text-align: center;
  border: 0;
}

.s-form-row--btn button {
  margin: 20px auto auto;
  background-color: #284f76;
  color: #fff;
  padding: 5px 30px;
  border: 0;
  height: 46px;
  font-size: 16px;
  font-weight: 600;
  transition: all 80ms ease-in-out;
  border-radius: 6px;
}

.s-form-row--btn button:hover {
  background-color: rgb(29.6708860759, 58.6, 87.5291139241);
}

.m-search-page {
  padding: 40px 0 40px;
}
.m-search-page__title {
  padding: 8px 0 0;
  margin-bottom: 30px;
}
.m-search-page__title h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.375rem;
}

.p-blog {
  padding: 40px 0 40px;
}
.p-blog__header {
  font-size: 27px;
  font-weight: normal;
  color: #A61E2B;
  margin-bottom: 20px;
  font-weight: 600;
}
.p-blog__header h1 {
  margin-bottom: 40px;
}
.p-blog__desc {
  margin-bottom: 40px;
}
.p-blog__descmore {
  padding: 40px 0 0;
}
.p-blog__content {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; /* FIX 2026-07-07: bez tego 4. wpis (3×31.3%+marginesy>100%) wyjeżdżał poza obszar */
}
.p-blog__main p {
  margin-bottom: 15px;
}
.p-blog__main ul,
.p-blog__main ol {
  margin-bottom: 15px;
}
.p-blog__similar {
  padding-top: 40px;
}

.m-bl {
  flex: 0 0 31.3333%;
  margin: 0 1% 50px;
  border: 1px solid #cccccc;
  border-radius: 20px;
  padding-bottom: 20px;
}
.m-bl img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}
.m-bl__thumb {
  margin-bottom: 15px;
}
.m-bl__date {
  padding: 0 20px 0;
  color: #a61e2c;
  font-size: 0.875rem;
}
.m-bl__name {
  padding: 0 20px 0;
}
.m-bl__name a {
  display: block;
  padding: 3px 0 15px;
  font-weight: 600;
  font-size: 16px;
  color: #284f76;
}
.m-bl__name a:hover {
  text-decoration: underline;
}
.m-bl__intro {
  padding: 0 20px 0;
}

.b-cats__header {
  padding: 22px 0 10px 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #284f76;
}
.b-cats > ul {
  background-color: #e8ecf1;
  border-radius: 5px;
  overflow: hidden;
}
.b-cats li {
  border-bottom: 1px solid #cccccc;
  padding: 6px 0 6px 16px;
}
.b-cats li:last-of-type {
  border: 0;
}
.b-cats li a {
  padding: 0 5px 0 1px;
  display: inline-block;
}
.b-cats li a:hover {
  text-decoration: underline;
}
.b-cats li.active > a {
  font-weight: 600;
  color: #284f76;
}

@media screen and (max-width: 1560px) {
  .p-blog__content {
    flex-wrap: wrap;
  }
  .m-bl {
    flex: 0 0 46%;
    margin: 0 2% 40px;
  }
}
.m-buywith {
  background-color: #fff;
  padding-top: 20px;
}
.m-buywith .m-populars__products {
  overflow-x: auto;
  padding-bottom: 20px;
}
.m-buywith .m-po {
  border: 1px solid #cccccc;
  margin-right: 20px;
  flex: 0 0 240px;
}

/* === BIOFI v3 (2026) — KLOCKI WPISÓW BLOGOWYCH           === */
/* === System: Manrope (nagłówki) + Inter (tekst)         === */
/* === Kolory: #304870 granat, #A01028 czerwień, #34A853 zieleń */
/* === Używane przez wpisy z <div class="biofi">...</div> === */
/* === Czcionki: dodaj w <head> sklepu (instrukcja niżej) === */
/* ============================================================ */
/* ============================================================
   BIOFI — SYSTEM WIZUALNY WPISÓW BLOGOWYCH  (wersja 1.0)
   Wklej ten blok <style> raz na górze wpisu.
   Docelowo: przenieś go do globalnego style.css w KQS,
   a we wpisach zostanie sama treść.
   Czcionki: Manrope (nagłówki) + Inter (tekst)
   Kolory: granat #304870, czerwień #A01028, zieleń #34A853
   ============================================================ */
.biofi {
  --navy:#304870;
  --navy-dark:#1E2D45;
  --red:#A01028;
  --green:#34A853;
  --amber:#F4B400;
  --ink:#2a2f3d;
  --muted:#6b7280;
  --light:#F6F8FC;
  --border:#E4E8F1;
  --radius:18px;
  --shadow:0 8px 40px rgba(87,98,140,.10);
  font-family: "Inter", -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--ink);
  line-height: 1.7;
  font-size: 16px;
  max-width: 920px;
  margin: 0 auto;
}

.biofi * {
  box-sizing: border-box;
}

.biofi h1, .biofi h2, .biofi h3 {
  color: var(--navy);
  line-height: 1.25;
}

.biofi h1 {
  font-size: 34px;
  font-weight: 800;
  margin: 0 0 14px;
}

.biofi h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 38px 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.biofi h2 svg {
  width: 26px;
  height: 26px;
  color: var(--navy);
  flex: 0 0 auto;
}

.biofi h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0 8px;
}

.biofi p {
  margin: 0 0 14px;
}

.biofi b, .biofi strong {
  color: var(--navy-dark);
  font-weight: 700;
}

.biofi a {
  color: var(--navy);
  font-weight: 600;
}

/* KLOCEK: odznaki pod tytułem */
.biofi-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 26px;
}

.biofi-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--light);
  border: 1px solid var(--border);
  border-radius: 30px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--navy-dark);
}

.biofi-badge svg {
  width: 18px;
  height: 18px;
  color: var(--green);
  flex: 0 0 auto;
}

/* KLOCEK: hero box (lead) */
.biofi-lead {
  background: linear-gradient(135deg, #304870 0%, #6A7B98 100%);
  color: #fff;
  border-radius: var(--radius);
  padding: 26px 30px;
  margin: 0 0 30px;
  box-shadow: var(--shadow);
}

.biofi-lead .k {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #cdd5ea;
  margin-bottom: 8px;
}

.biofi-lead p {
  font-size: 17px;
  line-height: 1.65;
  margin: 0;
  color: #eef1f8;
}

.biofi-lead p b {
  color: #fff;
}

/* Linki w boksie lead (jasne tło granatowe) — muszą być czytelne */
.biofi .biofi-lead a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(255,255,255,.55); transition: text-decoration-color .15s, color .15s; }
.biofi .biofi-lead a:hover { color: #fff; text-decoration-color: #fff; }


/* KLOCEK: karty info / uwaga / sukces */
.biofi-card {
  border-radius: var(--radius);
  padding: 18px 22px;
  margin: 18px 0;
  border: 1px solid;
}

.biofi-card .ct {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 6px;
}

.biofi-card .ct svg {
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
}

.biofi-card p {
  margin: 0;
  font-size: 15px;
}

.biofi-card.info {
  background: #eef0f6;
  border-color: #d4d9e8;
}

.biofi-card.info .ct {
  color: var(--navy);
}

.biofi-card.warn {
  background: #fdeaeb;
  border-color: #f3c4c7;
}

.biofi-card.warn .ct {
  color: var(--red);
}

.biofi-card.ok {
  background: #e8f6ee;
  border-color: #bfe6cd;
}

.biofi-card.ok .ct {
  color: var(--green);
}

/* KLOCEK: 3 karty obok siebie (zwijają się na mobile) */
.biofi-grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 18px 0;
}

@media (max-width: 760px) {
  .biofi-grid3 {
    grid-template-columns: 1fr;
  }
}
.biofi-mini {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 18px;
  box-shadow: var(--shadow);
}

.biofi-mini .mh {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 15px;
  color: var(--navy);
  margin-bottom: 6px;
}

.biofi-mini .mh svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

.biofi-mini.warn .mh {
  color: var(--red);
}

.biofi-mini p {
  font-size: 14px;
  margin: 0;
  color: var(--muted);
}

/* KLOCEK: kroki (numerowane) */
.biofi-steps {
  margin: 18px 0;
}

.biofi-step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px 18px;
  margin-bottom: 12px;
  box-shadow: var(--shadow);
}

.biofi-step .n {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800 !important;
  font-size: 17px;
  flex: 0 0 auto;
}

.biofi-step .st b {
  display: block;
  font-size: 16px;
  color: var(--ink);
  margin-bottom: 2px;
}

.biofi-step .st span {
  font-size: 14px;
  color: var(--muted);
}

/* KLOCEK: kroki rozwijane (akordeon) — pełna treść + SEO */
.biofi-acc {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 14px;
  margin-bottom: 11px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.biofi-acc summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  font-weight: 700;
  font-size: 16px;
  color: var(--ink);
}

.biofi-acc summary::-webkit-details-marker {
  display: none;
}

.biofi-acc summary .n {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800 !important;
  font-size: 17px;
  flex: 0 0 auto;
}

.biofi-acc summary .chev {
  margin-left: auto;
  color: #9aa3b8;
  transition: transform 0.2s;
  display: flex;
  flex: 0 0 auto;
}

.biofi-acc[open] summary .chev {
  transform: rotate(180deg);
}

.biofi-acc .accbody {
  padding: 0 18px 16px 68px;
  font-size: 15px;
  line-height: 1.65;
  color: #3a4250;
}

.biofi-acc .accbody p {
  margin: 0 0 10px;
}

.biofi-acc .accbody p:last-child {
  margin-bottom: 0;
}

.biofi-acc .accbody code {
  background: #eef1f6;
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 13px;
  color: var(--navy);
  font-family: "Consolas", monospace;
}

.biofi-acc .accbody b {
  color: var(--navy-dark);
}

@media (max-width: 760px) {
  .biofi-acc .accbody {
    padding-left: 18px;
  }
}
/* KLOCEK: ramka pliku / kodu */
.biofi-file {
  font-family: "Consolas", "Courier New", monospace;
  font-size: 14px;
  background: var(--navy-dark);
  color: #cdd9f5;
  border-radius: 10px;
  padding: 12px 16px;
  margin: 6px 0 14px;
  word-break: break-all;
}

/* KLOCEK: ramka źródła (download) */
.biofi-source {
  background: #fff8e6;
  border-left: 4px solid var(--amber);
  border-radius: 0 10px 10px 0;
  padding: 14px 18px;
  margin: 16px 0;
  font-size: 15px;
}

.biofi-source .sh {
  font-weight: 700;
  color: var(--navy-dark);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.biofi-source .sh svg {
  width: 19px;
  height: 19px;
  color: var(--amber);
}

/* KLOCEK: blok CTA */
.biofi-cta {
  background: var(--light);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px 28px;
  margin: 24px 0;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  box-shadow: var(--shadow);
}

.biofi-cta .icowrap {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: var(--navy);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.biofi-cta .cc {
  flex: 1;
  min-width: 240px;
}

.biofi-cta .cc b {
  font-size: 18px;
  color: var(--navy);
  display: block;
  margin-bottom: 4px;
}

.biofi-cta .cc p {
  font-size: 14px;
  margin: 0;
  color: var(--muted);
}

.biofi a.biofi-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--red);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  border-radius: 12px;
  padding: 13px 24px;
  flex: 0 0 auto;
}

.biofi a.biofi-btn.navy {
  background: var(--navy);
  color: #fff !important;
}

.biofi-btn svg {
  color: #fff;
}

/* Hover przycisków: ciemniejszy kolor + delikatne uniesienie */
.biofi a.biofi-btn {
  transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.biofi a.biofi-btn:hover {
  background: #7d0c1f;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(160, 16, 40, 0.28);
}

.biofi a.biofi-btn.navy:hover {
  background: var(--navy-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(48, 72, 112, 0.3);
}

/* KLOCEK: lista zalet z ptaszkami */
.biofi-checks {
  list-style: none;
  padding: 0;
  margin: 14px 0;
}

.biofi-checks li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 15px;
}

/* KLOCEK: stopka wpisu */
.biofi-foot {
  border-top: 1px solid var(--border);
  margin-top: 34px;
  padding-top: 16px;
  font-size: 13px;
  color: var(--muted);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.biofi-checks li svg {
  width: 20px;
  height: 20px;
}

/* obrazek/zrzut */
.biofi-fig {
  margin: 18px 0;
}

.biofi-fig img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.biofi-fig figcaption {
  font-size: 13px;
  color: var(--muted);
  font-style: italic;
  margin-top: 8px;
  text-align: center;
}

.m-ask {
  max-width: 840px;
  margin: 100px auto 80px;
}

.m-ask__header {
  text-align: center;
  font-weight: 900;
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.m-ask input[type=text],
.m-ask textarea {
  border: 1px solid #cccccc;
  width: 100% !important;
  font-size: 1rem;
  height: 50px;
  padding: 0 8px;
  border-radius: 4px;
}

.m-ask textarea {
  height: 80px;
}

.m-ask__box {
  display: flex;
  gap: 30px 40px;
  flex-wrap: wrap;
  max-width: 840px;
  margin: auto;
  padding: 0 15px;
}

.m-ask__item {
  flex: 0 0 calc(50% - 20px);
}

.m-ask__item--textarea {
  flex: 0 0 100%;
}

.m-ask__item .name {
  display: block;
  margin-bottom: 6px;
}

.m-ask__item--captcha img {
  width: 100px;
  display: inline;
}

.m-ask__item--captcha input[type=text] {
  width: calc(100% - 105px) !important;
}

.m-ask__item--submit {
  padding-top: 29px;
}

.m-ask__item--submit button {
  border: none;
  width: 220px;
  height: 50px;
  background-color: #284f76;
  padding: 0px;
  color: white !important;
  font-size: 17px;
  border-radius: 4px;
}
.m-ask__item--submit button:hover {
  background-color: rgb(29.6708860759, 58.6, 87.5291139241);
}

.ops {
  margin: 60px 0 0;
}
.ops h3 {
  text-align: center;
  font-weight: 900;
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.ops ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.ops ul .review {
  border: 1px solid #cccccc;
  margin: 0 1% 40px;
  flex: 0 0 18%;
  padding: 30px 20px;
  border-radius: 10px;
}
.ops ul .review img {
  width: 150px;
  margin-bottom: 5px;
}
.ops ul .review__row {
  margin-bottom: 5px;
  font-weight: 600;
}

.biofi-rating {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0;
  padding: 12px 14px;
  background: #e8ecf1;
  border: 1px solid #cccccc;
  border-radius: 8px;
  font-family: inherit;
}

/* Gwiazdki: dolna warstwa szara, górna pomaranczowa, przycieta szerokoscia */
.biofi-rating__stars img {
  max-width: 80px;
  mix-blend-mode: darken;
  position: relative;
  top: -1px;
}

.biofi-rating__score {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
}

.biofi-rating__count {
  font-size: 14px;
  color: #6b6b66;
}

.biofi-rating__link {
  font-size: 14px;
  color: #185FA5;
  text-decoration: none;
  margin-left: auto;
}

.biofi-rating__link:hover {
  text-decoration: underline;
}

.biofi-reviews {
  max-width: 560px;
  margin: 0 auto;
  font-family: inherit;
}

.biofi-reviews__title {
  text-align: center;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.5px;
  margin: 0 0 1.5rem;
  color: #1a1a1a;
  text-transform: uppercase;
}

/* --- pasek podsumowania --- */
.biofi-reviews__summary {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  padding: 16px 20px;
  margin-bottom: 1.25rem;
  background: #fff;
  border: 1px solid #e5e5e0;
  border-radius: 8px;
}

.biofi-reviews__avg {
  text-align: center;
  padding-right: 18px;
  border-right: 1px solid #e5e5e0;
}

.biofi-reviews__avg-num {
  font-family: "Manrope", sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  color: #304870;
}

.biofi-reviews__meta {
  flex: 1;
  min-width: 160px;
}

.biofi-reviews__count {
  font-size: 14px;
  color: #6b6b66;
  margin-bottom: 4px;
}

.biofi-reviews__recommend {
  font-size: 13px;
  color: #0F6E56;
  display: flex;
  align-items: center;
  gap: 5px;
}

.biofi-reviews__recommend::before {
  content: "✓";
  font-weight: 700;
}

/* --- karta opinii --- */
.biofi-review {
  background: #fff;
  border: 1px solid #e5e5e0;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: 12px;
}

.biofi-review__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.biofi-review__who {
  flex: 1;
}

.biofi-review__author {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}

.biofi-review__verified {
  font-size: 12px;
  color: #0F6E56;
  display: flex;
  align-items: center;
  gap: 4px;
}

.biofi-review__verified::before {
  content: "✓";
  font-weight: 700;
}

.biofi-review__date {
  font-size: 12px;
  color: #9a9a94;
  white-space: nowrap;
}

.biofi-review__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #1a1a1a;
}

/* --- gwiazdki (dwuwarstwowe, obsługa ułamków) --- */
.biofi-stars {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1px;
  white-space: nowrap;
}

.biofi-stars img {
  max-width: 80px;
}

.biofi-stars--lg {
  font-size: 15px;
}

.biofi-review .biofi-stars {
  margin-bottom: 8px;
}

.biofi-reviews__avg .biofi-stars {
  margin-top: 4px;
}

.subskrypcja-form {
  max-width: 360px;
  margin: 30px auto;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  text-align: center;
}

.subskrypcja-form .form-row {
  margin: 12px 0;
}

.subskrypcja-form label {
  display: block;
  margin-bottom: 8px;
  color: #333333;
}

.subskrypcja-form input[type=email],
.subskrypcja-form input[type=text] {
  width: 100%;
  max-width: 280px;
  padding: 8px 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

.subskrypcja-form select {
  width: 100%;
  max-width: 280px;
  padding: 8px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 15px;
}

.subskrypcja-form .captcha-img {
  margin: 5px auto 1px;
}

.subskrypcja-form .button {
  margin-top: 8px;
  padding: 10px 24px;
  background-color: #284f76;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.subskrypcja-form .button:hover {
  background-color: rgb(29.6708860759, 58.6, 87.5291139241);
}

.ds-cart {
  max-width: 1300px;
  margin: auto;
  padding-top: 80px;
  margin-bottom: 120px;
}
.ds-cart .steps {
  width: 900px;
  margin: 30px auto 80px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ds-cart .steps__item {
  text-align: center;
  position: relative;
  width: 25%;
}
.ds-cart .steps__item::before {
  content: " ";
  display: block;
  height: 1px;
  background-color: #f1f1f1;
  position: absolute;
  z-index: 10;
  top: 15px;
  left: 0;
  right: 0;
}
.ds-cart .steps__item--1::before {
  left: 50%;
}
.ds-cart .steps__item--4::before {
  right: 50%;
}
.ds-cart .steps__item .marker {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #f1f1f1;
  display: block;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  position: relative;
  z-index: 100;
  background-color: #fff;
}
.ds-cart .steps__item .marker::before {
  content: " ";
  width: 14px;
  height: 14px;
  border-radius: 20px;
  background-color: #f1f1f1;
  display: block;
}
.ds-cart .steps__item.stepActive {
  font-weight: 600;
}
.ds-cart .steps__item.stepActive .marker {
  border-color: #000000;
}
.ds-cart .steps__item.stepActive .marker::before {
  background-color: #000;
}
.ds-cart:after {
  content: "";
  display: table;
  clear: both;
}
.ds-cart > .header {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.375rem;
  margin-bottom: 40px;
}
.ds-cart .on-mob {
  display: none;
}

.free-delivery {
  background-color: #F5F6F7;
  height: 126px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
}

.cart-products > .header {
  background-color: #e8ecf1;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 15px;
  font-weight: 600;
  padding: 2px 0 0 20px;
}
.cart-products > .header .name {
  flex: 1 1 100%;
  margin-right: auto;
  padding-right: 40px;
}
.cart-products > .header .attr {
  flex: 0 0 200px;
}
.cart-products > .header .qty {
  flex: 0 0 80px;
  text-align: center;
}
.cart-products > .header .price {
  flex: 0 0 160px;
  text-align: center;
}
.cart-products > .header .worth {
  flex: 0 0 180px;
  text-align: center;
}
.cart-products > .header .remove {
  flex: 0 0 20px;
}
.cart-products > .product {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 15px;
  padding: 20px 0 20px 10px;
  border-bottom: 1px solid #cccccc;
}
.cart-products > .product .thumb {
  flex: 0 0 90px;
  text-align: center;
}
.cart-products > .product .thumb img {
  max-width: 50px;
  height: auto !important;
}
.cart-products > .product .infos {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
}
.cart-products > .product .infos .name {
  flex: 1 1 100%;
  margin-right: auto;
  padding-right: 40px;
}
.cart-products > .product .infos .attr {
  flex: 0 0 200px;
}
.cart-products > .product .infos .qty {
  flex: 0 0 80px;
  text-align: center;
}
.cart-products > .product .infos .qty input {
  margin: 1px 0;
  padding: 6px;
  border: #cccccc 1px solid;
  color: #000000;
  background-color: #FFFFFF;
  width: 56px;
  text-align: center;
  border-radius: 3px;
}
.cart-products > .product .infos .price {
  flex: 0 0 160px;
  font-size: 15px;
  text-align: center;
}
.cart-products > .product .infos .worth {
  flex: 0 0 180px;
  font-size: 15px;
  text-align: center;
}
.cart-products > .product .infos .remove {
  flex: 0 0 20px;
}
.cart-products > .product .infos .remove img {
  display: none;
}
.cart-products > .product .infos .remove a {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/cart-remove.svg) center center no-repeat;
  background-size: auto 15px;
}

.product-summary {
  padding: 0 0;
  height: 70px;
  text-align: right;
  font-weight: 700;
  font-size: 16px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.product-summary-box {
  background-color: #e8ecf1;
  padding-right: 40px;
  padding-left: 30px;
  display: flex;
  align-items: center;
}
.product-summary span {
  display: inline-block;
  margin-left: 10px;
}

.promo-code {
  padding-top: 30px;
  font-size: 16px;
  float: left;
}
.promo-code .header {
  margin-bottom: 15px;
}
.promo-code input[type=text] {
  border: 1px solid #E2E2E2;
  width: 320px !important;
  height: 55px;
  font-size: 14px;
  padding: 4px;
  border-radius: 6px;
}
.promo-code input[type=button] {
  border: none;
  background-color: #284f76;
  color: white;
  font-size: 16px;
  width: 154px;
  height: 55px;
  margin-left: 20px;
  font-weight: 700;
  cursor: pointer;
  border-radius: 6px;
}
.promo-code input[type=button]:hover {
  background-color: rgb(27.0886075949, 53.5, 79.9113924051);
}

.place-order-buttons {
  float: right;
  display: flex;
  align-items: stretch;
  padding-top: 69px;
}
.place-order-buttons a {
  display: flex;
  align-items: center;
  margin-right: 40px;
}
.place-order-buttons .button-go {
  border: none;
  background-color: #74a338;
  border-radius: 6px;
  color: white;
  font-size: 16px;
  width: 220px;
  height: 55px;
  margin-left: 0;
  font-weight: 700;
  text-align: center;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms ease-in-out;
  margin-left: 20px;
}
.place-order-buttons .button-go:hover {
  background-color: rgb(88.9863013699, 125.0410958904, 42.9589041096);
}
.place-order-buttons .button-go span {
  display: inline-block;
  padding-top: 2px;
}
.place-order-buttons .button-continue {
  border: none;
  background-color: #284f76;
  border-radius: 6px;
  color: white;
  font-size: 16px;
  width: 220px;
  height: 55px;
  margin-left: 0;
  font-weight: 700;
  text-align: center;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms ease-in-out;
}
.place-order-buttons .button-continue:hover {
  background-color: rgb(27.0886075949, 53.5, 79.9113924051);
}
.place-order-buttons .button-continue span {
  display: inline-block;
  padding-top: 2px;
}

.ds-country {
  padding-top: 100px;
}
.ds-country > .header {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.ds-country .list {
  border: 1px solid #cccccc;
  padding: 60px;
  font-size: 16px;
}
.ds-country select {
  color: #545454;
  font-size: 15px;
  padding-bottom: 5px;
  padding: 6px;
  padding-top: 5px;
  height: 60px;
  background-color: #FFFFFF;
  border: 1px solid #E2E2E2;
}
.ds-country .ext-text {
  border-top: 1px solid #cccccc;
  margin-top: 30px;
  padding-top: 30px;
}

.ds-delivery {
  padding-top: 100px;
}
.ds-delivery > .header {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.ds-delivery .list {
  border: 1px solid #cccccc;
  padding: 60px;
  font-size: 16px;
}
.ds-delivery .list .single {
  display: flex;
  align-items: center;
  height: 40px;
}
.ds-delivery .list .single .checkbox {
  flex: 0 0 80px;
  text-align: center;
}
.ds-delivery .list .single .logo img {
  height: 28px;
  margin-right: 15px;
}
.ds-delivery .list .single .name {
  flex: 1 1 100%;
}
.ds-delivery .list .single .price {
  flex: 0 0 90px;
  text-align: right;
}
.ds-delivery .ext-text {
  border-top: 1px solid #cccccc;
  margin-top: 30px;
  padding-top: 30px;
}

.ds-payment {
  padding-top: 100px;
}
.ds-payment > .header {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.ds-payment .list {
  border: 1px solid #cccccc;
  padding: 60px;
  font-size: 16px;
}
.ds-payment .list .single {
  display: flex;
  align-items: center;
  height: 40px;
}
.ds-payment .list .single .checkbox {
  flex: 0 0 80px;
  text-align: center;
}
.ds-payment .list .single .logo img {
  height: 28px;
  margin-right: 15px;
}
.ds-payment .list .single .name {
  flex: 1 1 100%;
}
.ds-payment .list .single .price {
  flex: 0 0 90px;
  text-align: right;
}
.ds-payment .ext-text {
  border-top: 1px solid #cccccc;
  margin-top: 30px;
  padding-top: 30px;
}

#inpost_paczkomat_przycisk {
  background-color: #ffc828;
  font-weight: 600;
  font-size: 19px;
  height: 44px;
  padding: 2px 40px 0;
  color: #2e3133;
  border: 0;
  margin: 50px 0 20px;
  cursor: pointer;
}
#inpost_paczkomat_przycisk:hover {
  background-color: rgb(233.8, 173.9906976744, 0);
}

.c-sum {
  padding-top: 60px;
  margin-bottom: 80px;
}
.c-sum > .header {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.c-sum .box {
  border: 1px solid #cccccc;
  padding: 60px;
  font-size: 16px;
}
.c-sum-row {
  display: flex;
  align-items: center;
}
.c-sum-row .name {
  flex: 0 0 450px;
}
.c-sum-row .price {
  flex: 1 1 100%;
}
.c-sum .c-sum-one {
  padding-top: 20px;
}
.c-sum .c-sum-three {
  font-weight: 700;
  padding-top: 20px;
}
.c-sum .ext-text {
  border-top: 1px solid #cccccc;
  margin-top: 30px;
  padding-top: 30px;
}

.ds-client {
  padding-top: 40px;
}
.ds-client > .header {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.ds-client .box {
  border: 1px solid #cccccc;
  padding: 60px;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 60px;
}
.ds-client .single {
  flex: 0 0 calc(50% - 30px);
}
.ds-client .single .text {
  color: #545454;
  font-size: 15px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ds-client .single .input {
  margin-bottom: 10px;
}
.ds-client .single input,
.ds-client .single select {
  width: 100% !important;
  height: 60px;
  letter-spacing: 0px;
  color: #8D8D8D;
  font-family: Nunito;
  font-size: 15px;
  border: 1px solid #E2E2E2;
  margin-right: 10px;
  margin: 1px 0;
  padding: 6px;
  background-color: #FFFFFF;
}

.ds-comm {
  padding-top: 60px;
}
.ds-comm > .header {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.ds-comm .box {
  border: 1px solid #cccccc;
  padding: 60px;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 60px;
}
.ds-comm .box textarea {
  width: 100% !important;
  font-size: 15px;
  border: 1px solid #E2E2E2;
  color: #8D8D8D;
  height: 252px;
  padding: 5px;
}

.ds-comm + table a {
  text-decoration: underline;
}

.ds-place-order {
  text-align: center;
  padding: 20px 0;
}
.ds-place-order button {
  height: 53px;
  background-color: #a61e2c;
  color: white;
  font-size: 16px;
  border: none;
  padding: 0 40px;
  font-weight: 600;
  border-radius: 8px;
}
.ds-place-order button:hover {
  background-color: rgb(131.4448979592, 23.7551020408, 34.8408163265);
}

.elfsight-app-3f36db4f-a90b-479f-b6ae-51e5138f6505 {
  margin-bottom: 70px;
}

/**********************/
.register {
  width: 100%;
  max-width: 1260px;
  margin: 20px auto 40px;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 15px;
}
.register input[type=checkbox] {
  margin-right: 6px;
}
.register__box {
  padding: 40px 45px 10px 45px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 50px;
}
.register__row {
  padding: 4px 0;
  flex: 0 0 calc(50% - 25px);
}
.register__row--header strong {
  font-weight: 400;
}
.register__row--line {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 15px;
}
.register__title {
  display: block;
}
.register__title strong {
  font-weight: 400;
  display: block;
  margin-bottom: 4px;
}
.register__row--header .register__title {
  font-size: 1.5rem;
  padding-bottom: 10px;
}
.register__row input[type=text], .register__row input[type=email], .register__row input[type=tel] {
  padding: 6px 10px 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 100% !important;
  height: 40px;
  border-radius: 10px;
}
.register__row input[type=password] {
  padding: 6px 10px 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 100% !important;
  height: 40px;
  border-radius: 10px;
}
.register__row input[name=ulica], .register__row input[name=firma_ulica] {
  width: 85% !important;
}
.register__row input[name=dom], .register__row input[name=firma_dom] {
  width: 13% !important;
  margin-left: 2% !important;
}
.register__row select {
  padding: 4px 10px 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 100% !important;
  height: 40px;
  border-radius: 10px;
}
.register__row--captcha img {
  display: inline-block;
}
.register__row--captcha input[name=kod_obrazka] {
  width: calc(100% - 105px) !important;
}
.register__klauzule {
  padding: 4px 0;
}
.register__klauzule table {
  margin-left: 40px !important;
  margin-bottom: 30px !important;
}
.register__submit {
  padding: 0 0 50px 55px;
}
.register__submit .button {
  background-color: #284f76;
  color: #fff;
  border: 0;
  padding: 8px 20px 6px;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  height: 43px;
  border-radius: 10px;
}
.register__submit .button:hover {
  background-color: rgb(29.6708860759, 58.6, 87.5291139241);
}

@media all and (max-width: 800px) {
  .register {
    width: 100%;
    max-width: 400px;
    margin: 20px auto 30px;
  }
  .register__box {
    padding: 20px 25px;
    border: 1px solid #cccccc;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 15px;
  }
  .register__row {
    padding: 4px 0;
  }
  .register__row--header strong {
    font-weight: 400;
  }
  .register__title {
    display: block;
    text-align: left;
  }
  .register__input-box {
    float: none;
    width: 100% !important;
  }
  .register__row input[type=text], .register__row input[type=email], .register__row input[type=tel] {
    padding: 6px 10px 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.02);
    width: 100% !important;
    border-radius: 10px;
  }
  .register__row input[type=password] {
    padding: 6px 10px 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.02);
    width: 100% !important;
    border-radius: 10px;
  }
  .register__row input[name=ulica], .register__row input[name=firma_ulica] {
    width: 85% !important;
  }
  .register__row input[name=dom], .register__row input[name=firma_dom] {
    width: 13% !important;
    margin-left: 2% !important;
  }
  .register__row--submit {
    text-align: center;
  }
  .register__klauzule table {
    margin-left: 20px !important;
  }
  .register__submit {
    padding-left: 0;
    text-align: center;
  }
}
/*******************/
.login {
  width: 600px;
  margin: 20px auto 30px;
  font-size: 1rem;
  background-color: #fff;
}
.login a {
  display: inline-block;
  margin: 0 12px;
}
.login input[type=checkbox] {
  margin-right: 6px;
}
.login__box {
  padding: 50px 40px;
  border: 1px solid #cccccc;
  border-radius: 15px;
}
.login__row {
  clear: both;
}
.login__row:after {
  content: "";
  display: table;
  clear: both;
}
.login__row {
  padding: 2px 0;
}
.login__row label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login__title {
  display: block;
  text-align: right;
  flex: 0 0 220px;
}
.login__row--header .login__title {
  font-size: 1.5rem;
  padding-bottom: 2px;
}
.login__input-box {
  width: 60% !important;
  flex: 1 1 100%;
  padding-left: 10px;
}
.login__row input[type=text] {
  padding: 18px 10px 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 100% !important;
  font-size: 16px;
  height: 40px;
  border-radius: 10px;
}
.login__row input[type=password] {
  padding: 18px 10px 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 100% !important;
  font-size: 16px;
  height: 40px;
  border-radius: 10px;
}
.login__row--submit {
  text-align: center;
  padding-bottom: 10px;
  padding-top: 30px;
}
.login__row--submit .button {
  background-color: #284f76;
  color: #fff;
  border: 0;
  padding: 8px 20px 6px;
  font-size: 17rem;
  font-weight: 600;
  cursor: pointer;
  height: 53px;
  width: 250px;
  font-size: 16px;
  height: 43px;
  border-radius: 10px;
}
.login__row--submit .button:hover {
  background-color: rgb(29.6708860759, 58.6, 87.5291139241);
}
.login__row--links {
  text-align: center;
  padding-top: 20px;
}
@media all and (max-width: 860px) {
  .login {
    width: 100%;
    max-width: 420px;
  }
  .login__row {
    margin-top: 10px;
  }
  .login__title {
    text-align: left;
  }
  .login__input-box {
    float: none;
    width: 100% !important;
    padding-left: 0;
  }
  .login__row label {
    display: block;
  }
}

@media all and (max-width: 800px) {
  .loginPage {
    margin: 0 15px;
  }
}
.accountNav {
  max-width: 1000px;
  margin: auto;
}
.accountNav li {
  display: block;
  border-bottom: 1px solid #fff;
}
.accountNav li a {
  background-color: #284f76;
  display: block;
  padding: 6px 15px;
  text-decoration: none;
  color: #fff;
  font-size: 0.9375rem;
}
.accountNav li a:hover {
  background-color: #a61e2c;
}
@media screen and (min-width: 1024px) {
  .accountNav {
    padding: 0;
  }
  .accountNav ul {
    display: flex;
    align-items: stretch;
  }
  .accountNav li {
    display: flex;
    align-items: stretch;
    border-bottom: 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
  }
  .accountNav li a {
    background-color: #284f76;
  }
}
@media screen and (min-width: 1024px) {
  .accountNav form[name=profil],
  .accountNav form[name=adres_nowy] {
    margin-right: 33%;
  }
}

.pageBox {
  max-width: 830px;
  margin: auto;
  padding: 0 15px;
}
.pageBox-header {
  padding: 30px 0;
  margin-bottom: 30px;
  font-size: 1.25rem;
}
.pageBox {
  padding: 0 15px;
}
.pageBox .button {
  background-color: #000;
  color: #fff;
  border: 0;
  padding: 8px 20px 6px;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  height: 53px;
}
.pageBox form[name=adres_nowy] .accountPage__content + div {
  width: 100% !important;
  padding: 10px 0 30px;
  text-align: center !important;
}
@media screen and (min-width: 1024px) {
  .pageBox {
    padding: 0;
  }
}
@media screen and (max-width: 760px) {
  .pageBox-header {
    margin-bottom: 0;
  }
  .pageBox .pageBox-content > table {
    min-width: 660px;
  }
}
.pageBox-content {
  overflow-x: auto;
  padding-bottom: 10px;
  scrollbar-color: #284f76 #284f76;
  scrollbar-width: 10px !important;
  display: block !important;
}
.pageBox-content::-webkit-scrollbar, .pageBox-content::-webkit-scrollbar {
  display: block !important;
}

.accountPage__header {
  font-weight: 800;
  padding-top: 10px;
}

.reg-msg-box {
  padding: 40px 15px 80px;
  max-width: 800px;
  margin: auto;
}

.reg-msg {
  padding: 5px 0 10px;
  text-align: center;
}

/* ====================================================================
   PATCH BIOFI wbudowany 2026-07-07: ikony .bico-* + font Manrope
   (dopisane na koncu, nadpisuje wczesniejsze reguly gdzie trzeba)
   ==================================================================== */

/* =====================================================================
   PATCH BIOFI — ikony .bico + font Manrope  (dla nowa.biofi.pl)
   Data: 2026-07-07
   ---------------------------------------------------------------------
   PRZEZNACZENIE: dołączyć NA KOŃCU dist/css/styles.css ORAZ dist/css/mobile.css
   (albo wczytać osobnym <link> PO tych plikach).
   Po edycji podbić parametr wersji, np. styles.css?s=28, mobile.css?s=28.
   ---------------------------------------------------------------------
   CO NAPRAWIA:
   1) Dodaje 24 brakujące reguły ikon .bico / .bico-* (SVG data-URI).
      W arkuszach Arkadiusza tych klas nie było wcale (0), przez co ikony
      w tresci wpisu (<span class="bico ...">) sie nie renderowaly.
   2) Przywraca font-family "Manrope" w naglowkach i tytulach kart .biofi
      (Arkadiusz zostawil tylko Inter). Wymaga @import ponizej.
   Kolory zgodne z logo BIOFI: granat #304870, czerwien #A01028.
   ===================================================================== */

/* --- import fontow (Manrope + Inter) --- */



/* ============================================================
   1) IKONY .bico / .bico-*  (24 reguly)
   ============================================================ */
.biofi .biofi-cta .icowrap .bico{width:40px;height:40px;}
.biofi .bico{display:inline-block;vertical-align:-.18em;background-repeat:no-repeat;background-position:center;background-size:contain;width:1.1em;height:1.1em;flex:0 0 auto;}
.bico-check-green{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-circle-check-big%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2334A853%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21.801%2010A10%2010%200%201%201%2017%203.335%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-check-white{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-circle-check-big%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21.801%2010A10%2010%200%201%201%2017%203.335%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-bulb-white{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-lightbulb%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.7.7%201.3%201.5%201.5%202.5%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2018h6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2022h4%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-bulb-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-lightbulb%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.7.7%201.3%201.5%201.5%202.5%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2018h6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2022h4%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-drive-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-hard-drive%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M2.212%2011.577a2%202%200%200%200-.212.896V18a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-5.527a2%202%200%200%200-.212-.896L18.55%205.11A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%22%20%2F%3E%20%3Cpath%20d%3D%22M21.946%2012.013H2.054%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-drive-red{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-hard-drive%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M2.212%2011.577a2%202%200%200%200-.212.896V18a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-5.527a2%202%200%200%200-.212-.896L18.55%205.11A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%22%20%2F%3E%20%3Cpath%20d%3D%22M21.946%2012.013H2.054%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-download-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-download%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015V3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-download-amber{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-download%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C8901E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015V3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-download-white{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-download%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015V3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%20%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-tool-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-warn-red{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-triangle-alert%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%209v4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-info-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-info%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2016v-4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%208h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-rocket-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-folder-green{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-folder%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2334A853%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2020a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-7.9a2%202%200%200%201-1.69-.9L9.6%203.9A2%202%200%200%200%207.93%203H4a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202Z%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-lang-green{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-languages%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2334A853%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m5%208%206%206%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2014%206-6%202-3%22%20%2F%3E%20%3Cpath%20d%3D%22M2%205h12%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202h1%22%20%2F%3E%20%3Cpath%20d%3D%22m22%2022-5-10-5%2010%22%20%2F%3E%20%3Cpath%20d%3D%22M14%2018h6%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-copy-green{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-copy%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2334A853%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-mail-white{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-mail%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-mail-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-mail%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-package-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-package%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3Cpolyline%20points%3D%223.29%207%2012%2012%2020.71%207%22%20%2F%3E%20%3Cpath%20d%3D%22m7.5%204.27%209%205.15%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-package-white{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-package%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3Cpolyline%20points%3D%223.29%207%2012%2012%2020.71%207%22%20%2F%3E%20%3Cpath%20d%3D%22m7.5%204.27%209%205.15%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-phone-red{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-phone%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M13.832%2016.568a1%201%200%200%200%201.213-.303l.355-.465A2%202%200%200%201%2017%2015h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202A18%2018%200%200%201%202%204a2%202%200%200%201%202-2h3a2%202%200%200%201%202%202v3a2%202%200%200%201-.8%201.6l-.468.351a1%201%200%200%200-.292%201.233%2014%2014%200%200%200%206.392%206.384%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-shield-red{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-shield-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%20%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-chevron-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-chevron-down%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239aa3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%20%3C%2Fsvg%3E");}

/* ============================================================
   2) PRZYWROCENIE FONTU MANROPE w naglowkach/tytulach .biofi (16 regul)
   ============================================================ */
.biofi .biofi-cta .cc b{font-family:"Manrope",Arial,sans-serif!important;}
.biofi .biofi-cta .cc b,.biofi-cta .cc b,.biofi .cc b{font-family:"Manrope","Trebuchet MS",Arial,sans-serif!important;font-weight:700!important;}
.biofi .biofi-acc summary{font-family:"Manrope",Arial,sans-serif!important;}
.biofi .biofi-mini .mh{font-family:"Manrope",Arial,sans-serif!important;}
.biofi .biofi-card .ct{font-family:"Manrope",Arial,sans-serif!important;}
.biofi .biofi-step .st b{font-family:"Manrope",Arial,sans-serif!important;}
.biofi .biofi-source .sh{font-family:"Manrope",Arial,sans-serif!important;}
.biofi h1,.biofi h2,.biofi h3{font-family:"Manrope",sans-serif;color:var(--navy);line-height:1.25;}
.biofi-card .ct{display:flex;align-items:center;gap:9px;font-family:"Manrope";font-weight:700;font-size:16px;margin-bottom:6px;}
.biofi-mini .mh{display:flex;align-items:center;gap:8px;font-family:"Manrope";font-weight:700;font-size:15px;color:var(--navy);margin-bottom:6px;}
.biofi-step .n{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:"Manrope","Trebuchet MS",Arial,sans-serif!important;font-weight:800!important;font-size:17px;flex:0 0 auto;}
.biofi-step .st b{display:block;font-family:"Manrope";font-size:16px;color:var(--ink);margin-bottom:2px;}
.biofi-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:15px 16px;font-family:"Manrope";font-weight:700;font-size:16px;color:var(--ink);}
.biofi-acc summary .n{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Manrope","Trebuchet MS",Arial,sans-serif!important;font-weight:800!important;font-size:17px;flex:0 0 auto;}
.biofi-source .sh{font-family:"Manrope";font-weight:700;color:var(--navy-dark);margin-bottom:4px;display:flex;align-items:center;gap:8px;}
.biofi-cta .cc b{font-family:"Manrope";font-size:18px;color:var(--navy);display:block;margin-bottom:4px;}


/* ==== WIZYTÓWKA KATEGORII BLOGU — wbudowane 2026-07-08 ==== */

/* =====================================================================
   PATCH BIOFI — WIZYTÓWKA KATEGORII BLOGU  (dla nowa.biofi.pl)
   Data: 2026-07-08
   ---------------------------------------------------------------------
   PRZEZNACZENIE: dołączyć NA KOŃCU dist/css/styles.css ORAZ dist/css/mobile.css
   (po istniejących regułach .pr_*). Po edycji podbić wersję: ?s=29.
   ---------------------------------------------------------------------
   CO ROBI: nadaje klasom KQS (pr_txt22/23/24/25, pr_info_box, pr_success_box)
   wygląd spójny z komponentem .biofi — font Manrope w nagłówkach, Inter
   w treści, karty z zaokrągleniami/cieniem, kolory z LOGO (#304870 / #a01028),
   lista pozycji z ikonami .bico (klasa ul.pr-actions).
   Wymaga załadowanych reguł .bico (patch bico+Manrope) i @import fontów.
   ===================================================================== */

/* Kontener strony kategorii — nadaje szerokość i font jak .biofi */
.p-blog__desc, .p-blog__descmore {
  font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #2a2f3d;
  line-height: 1.7;
  max-width: 920px;
}

/* Nagłówek H1 kategorii (.p-blog__header) — Manrope, kolor logo */
.p-blog__header {
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif !important;
  color: #a01028;
  font-weight: 800;
}

/* ---- WIZYTÓWKA #1: nagłówek sekcji (pr_txt23) jako "lead pill" ---- */
.pr_txt23_Naglowek_2 {
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #304870 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 14px !important;
}

/* Duży nagłówek #1 (pr_txt22) */
.pr_txt22_Naglowek_1 {
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  color: #a01028 !important;
}

/* Nagłówek #2 pod listą (pr_txt25) */
.pr_txt25_Wyszczegolnienie {
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #304870 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px !important;
}

/* Akapit treści (pr_txt24) */
.pr_txt24_Tekst_Produkt {
  font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-size: 15.5px !important;
  color: #2a2f3d !important;
  line-height: 1.75 !important;
  margin-bottom: 14px !important;
}
.pr_txt24_Tekst_Produkt strong { color: #304870; font-weight: 700; }

/* ---- KARTA INFO (pr_info_box) — styl .biofi-card.info + akcent ---- */
.pr_info_box {
  background: #eef0f6 !important;
  border: 1px solid #d4d9e8 !important;
  border-left: 5px solid #304870 !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin: 18px 0 !important;
  font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-size: 15px !important;
  color: #2a2f3d !important;
  line-height: 1.6 !important;
  box-shadow: 0 6px 24px rgba(87,98,140,.08);
}
.pr_info_box strong { color: #304870; font-family: "Manrope","Trebuchet MS",Arial,sans-serif; }

/* ---- KARTA SUCCESS (pr_success_box) — styl .biofi-card.ok ---- */
.pr_success_box {
  background: #e8f6ee !important;
  border: 1px solid #bfe6cd !important;
  border-left: 5px solid #34a853 !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin: 18px 0 !important;
  font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-size: 15px !important;
  color: #2a2f3d !important;
  line-height: 1.7 !important;
  box-shadow: 0 6px 24px rgba(87,98,140,.08);
}
.pr_success_box strong { color: #1b7a3e; font-family: "Manrope","Trebuchet MS",Arial,sans-serif; }
.pr_success_box a {
  color: #a01028; font-weight: 700; text-decoration: none;
  border-bottom: 2px solid rgba(160,16,40,.25); transition: border-color .15s;
}
.pr_success_box a:hover { border-bottom-color: #a01028; }

/* ---- Lista pozycji w karcie sukcesu (3 punkty z ikonami .bico) ---- */
.pr_success_box ul.pr-actions {
  list-style: none;
  margin: 10px 0 4px;
  padding: 0;
}
.pr_success_box ul.pr-actions li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 15px;
  color: #2a2f3d;
}
.pr_success_box ul.pr-actions li .bico {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 1px;
}


/* ==== FIX 2026-07-08: wymiary ikon .bico w wizytowce kategorii (poza .biofi) ==== */
.pr_txt22_Naglowek_1 .bico,
.pr_txt23_Naglowek_2 .bico,
.pr_txt25_Wyszczegolnienie .bico,
.pr_info_box .bico,
.pr_success_box .bico,
.p-blog__desc .bico,
.p-blog__descmore .bico {
  display: inline-block;
  vertical-align: -.18em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.15em;
  height: 1.15em;
  flex: 0 0 auto;
}
.pr_success_box ul.pr-actions li .bico {
  width: 20px;
  height: 20px;
}

/* ==== wizytówka: separator + nagłówek listy (2026-07-08) ==== */

/* ---- Separator między wizytówką #1 a #2 (połączone w jednym polu) ---- */
.p-blog__desc .pr-sep,
.p-blog__descmore .pr-sep,
.pr-sep {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, #d4d9e8 20%, #d4d9e8 80%, transparent);
  margin: 30px 0 24px;
}
/* nagłówek listy w karcie sukcesu (zastępuje inline style) */
.pr_success_box .pr-actions__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* ==== avatar opinii (2026-07-09) ==== */

/* ---- Avatar z inicjałami w opiniach (kółko "MK") — dodane 2026-07-09 ---- */
.biofi-review__avatar {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #eef0f6;
  color: #304870;
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* ── BIOFI: moduł oceny przy kodzie produktu = kompaktowe podsumowanie ── */
.biofi-rating--summary{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e5e5e0;border-radius:8px;padding:16px 18px;margin:14px 0;}
.biofi-rating--summary .biofi-rating__top{display:flex;align-items:center;gap:16px;}
.biofi-rating--summary .biofi-rating__avg{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:16px;border-right:1px solid #e0e0da;}
.biofi-rating--summary .biofi-rating__score{font-family:"Manrope",sans-serif;font-size:38px;font-weight:800;line-height:1;color:#304870;}
.biofi-rating--summary .biofi-rating__avg .biofi-stars{margin-top:6px;}
.biofi-rating--summary .biofi-rating__avg .biofi-stars img{height:15px;width:auto;display:block;}
.biofi-rating--summary .biofi-rating__avg .biofi-stars-svg{height:16px;width:80px;}
.biofi-rating--summary .biofi-rating__count{font-size:15px;color:#5a5a54;line-height:1.35;}
.biofi-rating--summary .biofi-rating__recommend{font-size:14px;color:#0F6E56;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600;background:#eef7f2;border-radius:6px;padding:8px 10px;}
.biofi-rating--summary .biofi-rating__recommend::before{content:"\2713";font-weight:700;}
.biofi-rating--summary .biofi-rating__link{font-size:13px;color:#304870;text-decoration:none;align-self:flex-end;}
.biofi-rating--summary .biofi-rating__link:hover{text-decoration:underline;}

/* ── BIOFI: gwiazdki SVG z połówkami (złote) ── */
.biofi-stars-svg{display:inline-block;vertical-align:middle;height:16px;width:80px;}
.biofi-review .biofi-stars-svg{height:16px;width:80px;}
.biofi-reviews__avg .biofi-stars-svg{height:20px;width:100px;}

/* ══════════════════════════════════════════════════════════════
   BIOFI — galeria fsLightbox: strzałki (gruby chevron, kolory marki)
   Pozycję left/right nadaje product.js; tu wygląd.
   Spoczynek: granat #304870 · hover/klik: czerwień #a01028 · chevron biały.
   ══════════════════════════════════════════════════════════════ */

/* zerujemy domyślny padding fsLightbox — inaczej strefa klik jest szersza
   niż przycisk i JS-owe pozycjonowanie się rozjeżdża */
.fslightbox-slide-btn-container{
  padding:0 !important;
  transform:translateY(-50%) !important;
}
.fslightbox-slide-btn-container-previous,
.fslightbox-slide-btn-container-next{
  padding:0 !important;
}

/* ukrywamy wbudowaną (cienką) ikonę SVG fsLightbox — rysujemy własny chevron */
.fslightbox-slide-btn svg,
.fslightbox-slide-btn .fslightbox-svg{
  display:none !important;
}

/* sam przycisk: prostokąt z zaokrągleniem, granatowe tło, cień */
.fslightbox-slide-btn{
  position:relative;
  width:52px;
  height:64px;
  padding:0 !important;
  border-radius:10px;
  background:#304870;                       /* granat — spoczynek */
  box-shadow:0 2px 12px rgba(0,0,0,.35);
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}

/* gruby chevron rysowany bordurą (kwadrat obrócony o 45°) */
.fslightbox-slide-btn::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:16px;
  border-style:solid;
  border-color:#ffffff;                     /* chevron biały */
  border-width:0;
}
/* strzałka „poprzednie" (w lewo): górna + lewa krawędź */
.fslightbox-slide-btn-container-previous .fslightbox-slide-btn::before{
  border-top-width:6px;
  border-left-width:6px;
  transform:translate(-30%,-50%) rotate(-45deg);
}
/* strzałka „następne" (w prawo): górna + prawa krawędź */
.fslightbox-slide-btn-container-next .fslightbox-slide-btn::before{
  border-top-width:6px;
  border-right-width:6px;
  transform:translate(-70%,-50%) rotate(45deg);
}

/* hover / klik: czerwień marki + delikatne powiększenie */
.fslightbox-slide-btn-container:hover .fslightbox-slide-btn{
  background:#a01028;                        /* czerwień — użycie */
  transform:scale(1.06);
  box-shadow:0 4px 18px rgba(160,16,40,.45);
}
.fslightbox-slide-btn-container:active .fslightbox-slide-btn{
  background:#a01028;
  transform:scale(.97);
}

/* na małych ekranach nieco mniejsze przyciski */
@media (max-width:600px){
  .fslightbox-slide-btn{ width:44px; height:56px; border-radius:8px; }
  .fslightbox-slide-btn::before{ width:13px; height:13px; }
  .fslightbox-slide-btn-container-previous .fslightbox-slide-btn::before{
    border-top-width:5px; border-left-width:5px;
  }
  .fslightbox-slide-btn-container-next .fslightbox-slide-btn::before{
    border-top-width:5px; border-right-width:5px;
  }
}
/* ================================================================= */
/* BIOFI — KAFLE KATEGORII (m-banner) — redesign "boski"  2026-07-17  */
/* DOPIĄĆ na KOŃCU styles.css.  Nadpisuje reguły .m-banner z ~702-762. */
/*                                                                     */
/* Grafiki i-*.webp (1086×1448, 3:4) mają JUŻ wypaloną ikonę + ramkę   */
/* + ciemny dół. CSS dokłada tylko tekst (tytuł/opis/CTA) + gradient   */
/* zabezpieczający czytelność u dołu (bezpiecznik).                    */
/* ================================================================= */

.m-banner{
  display:flex;
  gap:14px;
  align-items:stretch;
  justify-content:center;
  max-width:1600px;
  margin:0 auto;
}

.m-banner__item{
  position:relative;
  flex:0 0 calc(25% - 11px);
  aspect-ratio:3 / 4;                 /* zgodne z grafiką 1086×1448 */
  border-radius:16px;
  overflow:hidden;
  background:#0f1626;                 /* fallback nim wczyta się zdjęcie */
  transition:transform .18s ease, box-shadow .18s ease;
}
.m-banner__item:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(48,72,112,.28);
}

.m-banner__item > a{
  display:block;
  position:relative;
  height:100%;
  text-decoration:none;
}

/* zdjęcie tła — wypełnia kafel */
.m-banner__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
  transition:transform .35s ease;
}
.m-banner__item:hover .m-banner__bg{ transform:scale(1.04); }

/* delikatny gradient TYLKO u dołu — bezpiecznik czytelności tekstu.  */
/* Grafika ma już ciemny dół, więc to subtelne wzmocnienie, nie overlay całości. */
.m-banner__item > a::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:52%;
  z-index:2;
  background:linear-gradient(180deg,
    rgba(12,20,36,0) 0%,
    rgba(12,20,36,.55) 55%,
    rgba(10,17,32,.85) 100%);
  pointer-events:none;
}

/* treść — przyklejona do dołu, w czysty obszar grafiki */
.m-banner__body{
  position:absolute;
  left:0; right:0; bottom:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  padding:24px 22px 22px;
}
.m-banner__name{
  position:static;                    /* kasuje stare position:absolute */
  background:transparent;             /* kasuje stary biały box */
  transform:none;                     /* kasuje stary translateX(-50%) */
  left:auto; bottom:auto;
  white-space:normal;                 /* pozwól łamać w 2 wiersze */
  padding:0;
  border-radius:0;
  z-index:auto;
  font-family:"Manrope",sans-serif;
  font-weight:800;
  font-size:1.7rem;
  line-height:1.05;
  color:#fff;
  text-transform:uppercase;
}
.m-banner__desc{
  font-family:"Inter",sans-serif;
  font-size:.9rem;
  line-height:1.35;
  color:rgba(255,255,255,.85);
  margin-top:10px;
  max-width:92%;
}
.m-banner__cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:flex-start;
  margin-top:18px;
  background:#a01028;
  color:#fff;
  font-family:"Manrope",sans-serif;
  font-weight:700;
  font-size:.85rem;
  padding:11px 18px;
  border-radius:10px;
  transition:background .16s ease, gap .16s ease;
}
.m-banner__item:hover .m-banner__cta{ background:#34A853; gap:12px; }
.m-banner__cta svg{
  width:17px; height:17px;
  stroke:#fff; fill:none;
  stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;
}

/* neutralizacja starych reguł (języczek + kropka + stary <img>) */
.m-banner .m-banner__name::before{ content:none !important; }
.m-banner__item:hover .m-banner__name{ color:#fff; }   /* kasuje stary hover na czerwień */
.m-banner__item:hover img{ filter:none; }              /* stary hover brightness na img */
/* stary selektor .m-banner__item img (l.713) — nasze .m-banner__bg ma object-fit:cover;
   upewniamy się, że nie dostaje starych wymiarów */
.m-banner__item .m-banner__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* ================================================================= */
/* ================================================================= */
/* BIOFI — m-banner FULL-BLEED tło granatowe  (v2, odporne) 2026-07-17 */
/* Technika: tło maluje pseudo-element ::before wyśrodkowany względem  */
/* WŁASNEGO środka (translateX(-50%)), nie rodzica. Odporne na to,     */
/* w jakim kontenerze KQS osadzi blok Wstępu.                          */
/* ================================================================= */

.m-banner-wrap{
  position:relative;
  z-index:0;
  padding:46px 0 54px;
}

/* tło full-bleed — pseudo-element wyśrodkowany względem siebie */
.m-banner-wrap::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;                        /* pełna szerokość okna */
  max-width:100vw;
  z-index:-1;                         /* ZA kaflami */
  background:linear-gradient(180deg,
    #16283f 0%,
    #0e1c30 45%,
    #0a1526 100%);
  pointer-events:none;
}

/* .m-banner w kontrolowanej szerokości WEWNĄTRZ sekcji */
.m-banner-wrap .m-banner{
  position:relative;
  z-index:1;
  max-width:1600px;
  margin:0 auto;
  padding:0 20px;
}

@media (max-width:1024px){
  .m-banner-wrap{ padding:24px 0 28px; }
  .m-banner-wrap .m-banner{ padding:0 10px; }
}

/* zabezpieczenie przed poziomym scrollem od 100vw (gdy jest pasek przewijania) */
html{ overflow-x:hidden; }


/* =====================================================================
   PATCH BICO — pełny zestaw ikon (RICOH + strony informacyjne)
   Data: 2026-07-18 · Cache docelowy: ?s=32
   ---------------------------------------------------------------------
   DOPISANY na końcu styles.css ORAZ mobile.css (identyczny w obu).
   Tylko ikony, których NIE MA w podstawowym zestawie 22 z produkcji.
   Konwencja: Lucide 24×24, stroke-width 2, navy #304870 / red #A01028.
   ===================================================================== */

.bico-drop-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-droplet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23304870%22%20stroke%3D%22%23304870%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2022a7%207%200%200%200%207-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5%202.5-2%204.9-4%206.5C6%2011.1%205%2013%205%2015a7%207%200%200%200%207%207z%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-drop-red{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-droplet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23A01028%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2022a7%207%200%200%200%207-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5%202.5-2%204.9-4%206.5C6%2011.1%205%2013%205%2015a7%207%200%200%200%207%207z%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-x-red{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-circle-x%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m15%209-6%206%22%20%2F%3E%20%3Cpath%20d%3D%22m9%209%206%206%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-money-green{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-banknote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2334A853%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2220%22%20height%3D%2212%22%20x%3D%222%22%20y%3D%226%22%20rx%3D%222%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2012h.01M18%2012h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-spec-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-clipboard-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%20ry%3D%221%22%20%2F%3E%20%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2011h4%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2016h4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2011h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-faq-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-circle-help%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-chart-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-chart-column%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2017V9%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017V5%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017v-3%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-map-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-ruler-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-ruler%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21.3%2015.3a2.4%202.4%200%200%201%200%203.4l-2.6%202.6a2.4%202.4%200%200%201-3.4%200L2.7%208.7a2.41%202.41%200%200%201%200-3.4l2.6-2.6a2.41%202.41%200%200%201%203.4%200Z%22%20%2F%3E%20%3Cpath%20d%3D%22m14.5%2012.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m11.5%209.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m8.5%206.5%202-2%22%20%2F%3E%20%3Cpath%20d%3D%22m17.5%2015.5%202-2%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-hash-navy{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-hash%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%229%22%20y2%3D%229%22%20%2F%3E%20%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2215%22%20y2%3D%2215%22%20%2F%3E%20%3Cline%20x1%3D%2210%22%20x2%3D%228%22%20y1%3D%223%22%20y2%3D%2221%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2214%22%20y1%3D%223%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-bulb-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.7.7%201.3%201.5%201.5%202.5%22%2F%3E%3Cpath%20d%3D%22M9%2018h6%22%2F%3E%3Cpath%20d%3D%22M10%2022h4%22%2F%3E%3C%2Fsvg%3E");}
.bico-hash-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%229%22%20y2%3D%229%22%2F%3E%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2215%22%20y2%3D%2215%22%2F%3E%3Cline%20x1%3D%2210%22%20x2%3D%228%22%20y1%3D%223%22%20y2%3D%2221%22%2F%3E%3Cline%20x1%3D%2216%22%20x2%3D%2214%22%20y1%3D%223%22%20y2%3D%2221%22%2F%3E%3C%2Fsvg%3E");}
.bico-info-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E");}
.bico-map-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%2F%3E%3Cpath%20d%3D%22M15%205.764v15%22%2F%3E%3Cpath%20d%3D%22M9%203.236v15%22%2F%3E%3C%2Fsvg%3E");}
.bico-rocket-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09z%22%2F%3E%3Cpath%20d%3D%22m12%2015-3-3a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.35%2022.35%200%200%201-4%202z%22%2F%3E%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%200%205%200%22%2F%3E%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%2F%3E%3C%2Fsvg%3E");}
.bico-ruler-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.3%2015.3a2.4%202.4%200%200%201%200%203.4l-2.6%202.6a2.4%202.4%200%200%201-3.4%200L2.7%208.7a2.41%202.41%200%200%201%200-3.4l2.6-2.6a2.41%202.41%200%200%201%203.4%200Z%22%2F%3E%3Cpath%20d%3D%22m14.5%2012.5%202-2%22%2F%3E%3Cpath%20d%3D%22m11.5%209.5%202-2%22%2F%3E%3Cpath%20d%3D%22m8.5%206.5%202-2%22%2F%3E%3Cpath%20d%3D%22m17.5%2015.5%202-2%22%2F%3E%3C%2Fsvg%3E");}
.bico-drop-red-hd{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022a7%207%200%200%200%207-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5%202.5-2%204.9-4%206.5C6%2011.1%205%2013%205%2015a7%207%200%200%200%207%207z%22%2F%3E%3C%2Fsvg%3E");}
.bico-spec-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7z%22%2F%3E%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%2F%3E%3Cpath%20d%3D%22M10%209H8%22%2F%3E%3Cpath%20d%3D%22M16%2013H8%22%2F%3E%3Cpath%20d%3D%22M16%2017H8%22%2F%3E%3C%2Fsvg%3E");}
.bico-layers-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83z%22%2F%3E%3Cpath%20d%3D%22M2%2012a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2012%22%2F%3E%3Cpath%20d%3D%22M2%2017a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2017%22%2F%3E%3C%2Fsvg%3E");}
.bico-wrench-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%22%2F%3E%3C%2Fsvg%3E");}
.bico-money-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M16%208h-6a2%202%200%201%200%200%204h4a2%202%200%201%201%200%204H8%22%2F%3E%3Cpath%20d%3D%22M12%206v2%22%2F%3E%3Cpath%20d%3D%22M12%2016v2%22%2F%3E%3C%2Fsvg%3E");}
.bico-chart-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%2F%3E%3Cpath%20d%3D%22M18%2017V9%22%2F%3E%3Cpath%20d%3D%22M13%2017V5%22%2F%3E%3Cpath%20d%3D%22M8%2017v-3%22%2F%3E%3C%2Fsvg%3E");}
.bico-list-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h.01%22%2F%3E%3Cpath%20d%3D%22M3%2018h.01%22%2F%3E%3Cpath%20d%3D%22M3%206h.01%22%2F%3E%3Cpath%20d%3D%22M8%2012h13%22%2F%3E%3Cpath%20d%3D%22M8%2018h13%22%2F%3E%3Cpath%20d%3D%22M8%206h13%22%2F%3E%3C%2Fsvg%3E");}
.bico-faq-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7.9%2020A9%209%200%201%200%204%2016.1L2%2022z%22%2F%3E%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E");}
.bico-star-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.12%202.12%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.12%202.12%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.12%202.12%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.12%202.12%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.12%202.12%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");}
.bico-sparkles-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.937%2015.5A2%202%200%200%200%208.5%2014.063l-6.135-1.582a.5.5%200%200%201%200-.962L8.5%209.936A2%202%200%200%200%209.937%208.5l1.582-6.135a.5.5%200%200%201%20.963%200L14.063%208.5A2%202%200%200%200%2015.5%209.937l6.135%201.581a.5.5%200%200%201%200%20.964L15.5%2014.063a2%202%200%200%200-1.437%201.437l-1.582%206.135a.5.5%200%200%201-.963%200z%22%2F%3E%3Cpath%20d%3D%22M20%203v4%22%2F%3E%3Cpath%20d%3D%22M22%205h-4%22%2F%3E%3C%2Fsvg%3E");}
.bico-target-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.bico-gift-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M12%208v13%22%2F%3E%3Cpath%20d%3D%22M19%2012v7a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2v-7%22%2F%3E%3Cpath%20d%3D%22M7.5%208a2.5%202.5%200%200%201%200-5A4.8%208%200%200%201%2012%208a4.8%208%200%200%201%204.5-5%202.5%202.5%200%200%201%200%205%22%2F%3E%3C%2Fsvg%3E");}
.bico-gift-white{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M12%208v13%22%2F%3E%3Cpath%20d%3D%22M19%2012v7a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2v-7%22%2F%3E%3Cpath%20d%3D%22M7.5%208a2.5%202.5%200%200%201%200-5A4.8%208%200%200%201%2012%208a4.8%208%200%200%201%204.5-5%202.5%202.5%200%200%201%200%205%22%2F%3E%3C%2Fsvg%3E");}
.bico-headset-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H4a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20d%3D%22M21%2016v2a4%204%200%200%201-4%204h-5%22%2F%3E%3Cpath%20d%3D%22M18%2011h-3a2%202%200%200%200-2%202v3a2%202%200%200%200%202%202h3a1%201%200%200%200%201-1v-5a9%209%200%200%200-18%200v5a1%201%200%200%200%201%201%22%2F%3E%3C%2Fsvg%3E");}
.bico-scale-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%2016%203-8%203%208c-.87.65-1.92%201-3%201s-2.13-.35-3-1Z%22%2F%3E%3Cpath%20d%3D%22m2%2016%203-8%203%208c-.87.65-1.92%201-3%201s-2.13-.35-3-1Z%22%2F%3E%3Cpath%20d%3D%22M7%2021h10%22%2F%3E%3Cpath%20d%3D%22M12%203v18%22%2F%3E%3Cpath%20d%3D%22M3%207h2c2%200%205-1%207-2%202%201%205%202%207%202h2%22%2F%3E%3C%2Fsvg%3E");}
.bico-refresh-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%2F%3E%3Cpath%20d%3D%22M21%203v5h-5%22%2F%3E%3Cpath%20d%3D%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%2F%3E%3Cpath%20d%3D%22M8%2016H3v5%22%2F%3E%3C%2Fsvg%3E");}
.bico-rules-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3Cpath%20d%3D%22M12%2011h4%22%2F%3E%3Cpath%20d%3D%22M12%2016h4%22%2F%3E%3Cpath%20d%3D%22M8%2011h.01%22%2F%3E%3Cpath%20d%3D%22M8%2016h.01%22%2F%3E%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%2F%3E%3C%2Fsvg%3E");}
.bico-film-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v18%22%2F%3E%3Cpath%20d%3D%22M17%203v18%22%2F%3E%3Cpath%20d%3D%22M3%207.5h4%22%2F%3E%3Cpath%20d%3D%22M17%207.5h4%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3Cpath%20d%3D%22M3%2016.5h4%22%2F%3E%3Cpath%20d%3D%22M17%2016.5h4%22%2F%3E%3C%2Fsvg%3E");}
.bico-grid-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%2214%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%2214%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E");}
.bico-cycle-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202v4%22%2F%3E%3Cpath%20d%3D%22m16%206-4%204-4-4%22%2F%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%2015-6.7%22%2F%3E%3Cpath%20d%3D%22M21%2012a9%209%200%200%201-15%206.7%22%2F%3E%3Cpath%20d%3D%22M12%2022v-4%22%2F%3E%3Cpath%20d%3D%22m8%2018%204-4%204%204%22%2F%3E%3C%2Fsvg%3E");}
.bico-bigdrop-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022a7%207%200%200%200%207-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5%202.5-2%204.9-4%206.5C6%2011.1%205%2013%205%2015a7%207%200%200%200%207%207z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E");}
.bico-chip-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020v2%22%2F%3E%3Cpath%20d%3D%22M12%202v2%22%2F%3E%3Cpath%20d%3D%22M17%2020v2%22%2F%3E%3Cpath%20d%3D%22M17%202v2%22%2F%3E%3Cpath%20d%3D%22M2%2012h2%22%2F%3E%3Cpath%20d%3D%22M2%2017h2%22%2F%3E%3Cpath%20d%3D%22M2%207h2%22%2F%3E%3Cpath%20d%3D%22M20%2012h2%22%2F%3E%3Cpath%20d%3D%22M20%2017h2%22%2F%3E%3Cpath%20d%3D%22M20%207h2%22%2F%3E%3Cpath%20d%3D%22M7%2020v2%22%2F%3E%3Cpath%20d%3D%22M7%202v2%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E");}
.bico-users-navy{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E");}
.bico-truck-navy{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2%22%2F%3E%3Cpath%20d%3D%22M15%2018H9%22%2F%3E%3Cpath%20d%3D%22M19%2018h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.62l-3.48-4.35A1%201%200%200%200%2017.52%208H14%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.bico-truck-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2%22%2F%3E%3Cpath%20d%3D%22M15%2018H9%22%2F%3E%3Cpath%20d%3D%22M19%2018h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.62l-3.48-4.35A1%201%200%200%200%2017.52%208H14%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");}
.bico-card-navy{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2210%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E");}
.bico-lock-navy{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E");}
.bico-globe-navy{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%2F%3E%3Cpath%20d%3D%22M2%2012h20%22%2F%3E%3C%2Fsvg%3E");}
.bico-globe-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%2F%3E%3Cpath%20d%3D%22M2%2012h20%22%2F%3E%3C%2Fsvg%3E");}
.bico-flag-pl{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%227%22%20rx%3D%221.2%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23d0d5dd%22%20stroke-width%3D%220.6%22%2F%3E%3Cpath%20d%3D%22M3.2%2012h17.6a1.2%201.2%200%200%201%201.2%201.2V17.8a1.2%201.2%200%200%201-1.2%201.2H3.2A1.2%201.2%200%200%201%202%2017.8V13.2A1.2%201.2%200%200%201%203.2%2012Z%22%20fill%3D%22%23DC143C%22%2F%3E%3C%2Fsvg%3E");}
.bico-building-navy{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23304870%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2022V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v18Z%22%2F%3E%3Cpath%20d%3D%22M6%2012H4a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h2%22%2F%3E%3Cpath%20d%3D%22M18%209h2a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202h-2%22%2F%3E%3Cpath%20d%3D%22M10%206h4M10%2010h4M10%2014h4M10%2018h4%22%2F%3E%3C%2Fsvg%3E");}
.bico-phone-white{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13.832%2016.568a1%201%200%200%200%201.213-.303l.355-.465A2%202%200%200%201%2017%2015h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202A18%2018%200%200%201%202%204a2%202%200%200%201%202-2h3a2%202%200%200%201%202%202v3a2%202%200%200%201-.8%201.6l-.468.351a1%201%200%200%200-.292%201.233%2014%2014%200%200%200%206.392%206.384%22%2F%3E%3C%2Fsvg%3E");}

/* =====================================================================
   PATCH — nagłówki H2 stron informacyjnych w kolorze logo (czerwień)
   Data: 2026-07-18 · Cache: ?s=33
   Nagłówki .biofi h2 + ich ikony .bico = czerwień BIOFI #A01028.
   H1 pozostaje granatowy (tytuł strony). Dopisać na KOŃCU styles.css i mobile.css.
   ===================================================================== */
.biofi h2 { color: #A01028; }
.biofi h2 svg { color: #A01028; }

/* 4 czerwone warianty ikon nagłówków (brakujące) */
.bico-package-red{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-package%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3Cpolyline%20points%3D%223.29%207%2012%2012%2020.71%207%22%20%2F%3E%20%3Cpath%20d%3D%22m7.5%204.27%209%205.15%22%20%2F%3E%20%3C%2Fsvg%3E");}
.bico-users-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E");}
.bico-building-red{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2022V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v18Z%22%2F%3E%3Cpath%20d%3D%22M6%2012H4a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h2%22%2F%3E%3Cpath%20d%3D%22M18%209h2a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202h-2%22%2F%3E%3Cpath%20d%3D%22M10%206h4M10%2010h4M10%2014h4M10%2018h4%22%2F%3E%3C%2Fsvg%3E");}
.bico-folder-red{background-image:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-folder%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23A01028%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2020a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-7.9a2%202%200%200%201-1.69-.9L9.6%203.9A2%202%200%200%200%207.93%203H4a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202Z%22%20%2F%3E%20%3C%2Fsvg%3E");}


/* =====================================================================
   FIX 2026-07-18 — słuchawka w CTA rysowana przez CSS ::before
   ---------------------------------------------------------------------
   Edytor KQS usuwa <span class="bico"> z wnętrza .icowrap (zostaje pusty
   <div class="icowrap"> </div>). Dlatego ikonę wstawiamy pewnie przez CSS.
   Działa niezależnie od tego, czy edytor zachowa span w HTML.
   Cache: ?s=34
   ===================================================================== */
.biofi-cta .icowrap::before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13.832%2016.568a1%201%200%200%200%201.213-.303l.355-.465A2%202%200%200%201%2017%2015h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202A18%2018%200%200%201%202%204a2%202%200%200%201%202-2h3a2%202%200%200%201%202%202v3a2%202%200%200%201-.8%201.6l-.468.351a1%201%200%200%200-.292%201.233%2014%2014%200%200%200%206.392%206.384%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}
/* jeśli edytor zachowa <span class="bico"> w icowrap — chowamy go, ikonę daje ::before */
.biofi-cta .icowrap .bico { display:none; }
/* =====================================================================
   PATCH KARTA PRODUKTU (RICOH MH5421MF i kolejne) — 2026-07-18
   Cache: ?s=35
   ---------------------------------------------------------------------
   Przywraca komponenty karty produktu, które zniknęły z produkcyjnego
   styles.css (patch RICOH nigdy nie był fizycznie wgrany). Zawiera:
   1) Nagłówki pr_txt23 / pr_txt25 → CZERWIEŃ LOGO #a01028 (były granatowe)
   2) tr.hl — zielone podświetlenie bieżącego modelu w tabeli grupowanej
   3) spec-table — auto-dopasowanie szerokości kolumn do treści
   4) Komponenty: pr-benefits, pr-families, spec-table--grouped, pr-list,
      table-scroll (z poziomym scrollem dla szerokiej tabeli 10-kolumn)
   DOPISAĆ na końcu styles.css i mobile.css.
   ===================================================================== */

/* ---- 1) NAGŁÓWKI SEKCJI: czerwień logo (ikona sterowana klasą bico-*-red w HTML) ---- */
.pr_txt23_Naglowek_2 { color: #a01028 !important; }
.pr_txt25_Wyszczegolnienie { color: #a01028 !important; }
/* pr_txt22 (H1 karty) już jest #a01028 w bazie — bez zmian */

/* ---- 2) spec-table: auto-width kolumn (koniec sztywnego 42%) ---- */
.spec-table { table-layout: auto; }
.spec-table tr td:first-child {
  width: auto;          /* było 42% — teraz dopasowanie do treści */
  white-space: normal;
}

/* ---- 3) Lista pozycji z ikonami .bico w linii (ul.pr-list) ---- */
ul.pr-list { list-style: none; padding-left: 2px; margin: 10px 0 16px; }
ul.pr-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 9px;
  font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 15px;
  color: #2a2f3d;
  line-height: 1.6;
}
ul.pr-list li .bico { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 2px; }
ul.pr-list li strong { color: #304870; font-weight: 700; }

/* wymiary ikon .bico w tabelach spec-table (poza .biofi) */
.spec-table .bico {
  display: inline-block;
  vertical-align: -.18em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

/* ---- 4) Nagłówek <thead> w tabelach porównawczych ---- */
.spec-table thead th {
  background: #304870;
  color: #fff;
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 700;
  border-color: #304870;
  text-align: left;
  padding: 10px 14px;
  vertical-align: top;
}

/* ---- 5) Tabela grupowana: etykieta grupy (czerwony tab) + wiersz kolumn ---- */
.spec-table--grouped tr.grp-head td {
  background: transparent;
  padding: 6px 0 0;
  border: none;
}
.spec-table--grouped .grp-label {
  display: inline-block;
  background: #a01028;
  color: #fff;
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .02em;
  padding: 9px 12px;
  padding-right: 20px;
  border-radius: 8px 8px 0 0;
}
.spec-table--grouped tr.col-head-row td.col-head {
  background: #304870;
  color: #fff;
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 700;
  font-size: 12.5px;
  border-color: #304870;
  white-space: nowrap;
}

/* ---- 6) Scroll-wrapper dla szerokich tabel (Rodzina głowic — 10 kolumn) ---- */
.table-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ---- 7) Podświetlenie opisywanego modelu (zielone) ---- */
.spec-table--grouped tr.hl td {
  background: #eafaf0 !important;
  font-weight: 600;
}
.spec-table--grouped tr.hl td:first-child {
  box-shadow: inset 4px 0 0 #34A853;
}

/* ---- 8) Blok "Najważniejsze zalety" — siatka kafelków 2 kolumny ---- */
.pr-benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 8px 0 22px;
}
.pr-benefit {
  background: #f7f8fb;
  border: 1px solid #e2e6ef;
  border-radius: 10px;
  padding: 13px 15px;
  display: flex;
  gap: 11px;
  align-items: flex-start;
}
.pr-benefit .bico {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.pr-benefit__t {
  display: block;
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 800;
  color: #304870;
  font-size: 14.5px;
  line-height: 1.3;
}
.pr-benefit__d {
  display: block;
  font-size: 12.5px;
  color: #57628c;
  margin-top: 2px;
}

/* ---- 9) Blok "5 rodzin głowic RICOH" ---- */
.pr-families { display:grid; grid-template-columns:1fr; gap:11px; margin:6px 0 22px; }
.pr-family { background:#f7f8fb; border:1px solid #e2e6ef; border-radius:10px; padding:14px 16px; display:flex; gap:13px; align-items:flex-start; }
.pr-family .bico { width:30px; height:30px; flex:0 0 auto; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:contain; margin-top:2px; }
.pr-family__body { display:flex; flex-direction:column; }
.pr-family__t { font-family:Manrope,sans-serif; font-weight:800; color:#a01028; font-size:16px; line-height:1.25; }
.pr-family__d { font-size:14px; color:#2a2f3d; margin-top:3px; line-height:1.5; }
.pr-family__m { font-family:Manrope,sans-serif; font-weight:700; color:#304870; font-size:12.5px; margin-top:6px; letter-spacing:.01em; }

/* ---- 10) Mobile: zalety w 1 kolumnie ---- */
@media (max-width: 760px) {
  .pr-benefits { grid-template-columns: 1fr; }
}
/* =====================================================================
   PATCH — Spis treści FAQ (.biofi-toc) — 2026-07-18
   Cache: ?s=36
   ---------------------------------------------------------------------
   Klikalny spis treści dla stron FAQ/Pomoc w systemie .biofi (Hybryda).
   Siatka numerowanych pozycji kotwiczących do akordeonów #s1..#s11.
   DOPISAĆ na końcu styles.css i mobile.css.
   ===================================================================== */

.biofi-toc {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 8px 0 26px;
}
@media (max-width: 760px) {
  .biofi-toc { grid-template-columns: 1fr; }
}
.biofi-toc a {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fb;
  border: 1px solid #e2e6ef;
  border-radius: 12px;
  padding: 12px 14px;
  font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  color: #304870 !important;
  text-decoration: none;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}
.biofi-toc a:hover {
  background: #eef0f6;
  border-color: #c9d0e2;
  transform: translateY(-1px);
}
.biofi-toc a .num {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #304870;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 800;
  font-size: 14px;
}
.biofi-toc a:hover .num { background: #a01028; }

/* kotwica akordeonu FAQ nie chowa się pod górną krawędzią */
.biofi-acc[id] { scroll-margin-top: 20px; }

/* wewnątrz akordeonu FAQ: bloki pytań i odpowiedzi */
.biofi-qa { margin: 0 0 16px; }
.biofi-qa:last-child { margin-bottom: 0; }
.biofi-qa__q {
  display: block;
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 700;
  color: #304870;
  font-size: 15px;
  margin-bottom: 4px;
}
.biofi-qa__a {
  display: block;
  font-size: 14.5px;
  color: #3a4250;
  line-height: 1.65;
}
.biofi-qa__a b { color: #1E2D45; }
/* =====================================================================
   PATCH — Treść Regulaminu w systemie .biofi (Hybryda) — 2026-07-18
   Cache: ?s=37
   ---------------------------------------------------------------------
   PRZYCZYNA: Regulamin składa się z list <ol class="pr_paragraph_list">
   z numeracją w atrybucie data-num oraz boksów pr_warning/form_box.
   Te klasy NIE miały reguł w kontekście .biofi → tekst zlany, bez
   numeracji, bez wcięć (objaw: "wszystko zlane w jeden tekst").
   Ten patch dodaje im pełną stylistykę wewnątrz .biofi-acc .accbody.
   DOPISAĆ na końcu styles.css i mobile.css.
   ===================================================================== */

/* ---- Listy paragrafów z numeracją data-num ---- */
.biofi .accbody ol.pr_paragraph_list,
.biofi .accbody ol.pr_subitem_list {
  list-style: none;
  margin: 10px 0 14px;
  padding: 0;
  counter-reset: none;
}
.biofi .accbody ol.pr_paragraph_list > li,
.biofi .accbody ol.pr_subitem_list > li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  line-height: 1.65;
  font-size: 15px;
  color: #3a4250;
}
.biofi .accbody ol.pr_paragraph_list > li::before,
.biofi .accbody ol.pr_subitem_list > li::before {
  content: attr(data-num);
  position: absolute;
  left: 0;
  top: 0;
  min-width: 32px;
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 700;
  color: #a01028;
  text-align: left;
}
/* sub-lista: lżejszy numer, głębsze wcięcie */
.biofi .accbody ol.pr_subitem_list {
  margin: 8px 0 8px 8px;
}
.biofi .accbody ol.pr_subitem_list > li {
  padding-left: 34px;
  font-size: 14.5px;
}
.biofi .accbody ol.pr_subitem_list > li::before {
  color: #304870;
  font-weight: 600;
  min-width: 28px;
}
.biofi .accbody ol.pr_paragraph_list li strong,
.biofi .accbody ol.pr_subitem_list li strong { color: #1E2D45; }

/* ---- Zwykłe akapity treści (pr_txt24 zamienione na p) ---- */
.biofi .accbody > p { margin: 0 0 10px; line-height: 1.65; font-size: 15px; color: #3a4250; }

/* ---- Pod-nagłówek w rozdziale (pr_txt25 → biofi-subhead) ---- */
.biofi .accbody .biofi-subhead {
  font-family: "Manrope", "Trebuchet MS", Arial, sans-serif;
  font-weight: 700;
  color: #304870;
  font-size: 15.5px;
  margin: 16px 0 8px;
}

/* ---- Boks ostrzeżenia (⚠️) ---- */
.biofi .accbody .pr_warning_box {
  background: #fdf2f4;
  border: 1px solid #f3c9d2;
  border-left: 4px solid #a01028;
  border-radius: 8px;
  padding: 13px 16px;
  margin: 14px 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #3a4250;
}
.biofi .accbody .pr_warning_box strong { color: #a01028; }

/* ---- Boks sukcesu / informacyjny (✅) ---- */
.biofi .accbody .pr_success_box {
  background: #eafaf0;
  border: 1px solid #b8e6c8;
  border-left: 4px solid #34A853;
  border-radius: 8px;
  padding: 13px 16px;
  margin: 14px 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #2a4d37;
}
.biofi .accbody .pr_success_box strong { color: #1e7a3d; }

/* ---- Boks formularza (wzory z załączników) ---- */
.biofi .accbody .pr_form_box {
  background: #f7f8fb;
  border: 1px dashed #c9d0e2;
  border-radius: 8px;
  padding: 16px 18px;
  margin: 14px 0;
  font-family: "Consolas", "Courier New", monospace;
  font-size: 13.5px;
  line-height: 1.8;
  color: #2a2f3d;
  white-space: pre-wrap;
}

/* ---- Tabela wewnątrz akordeonu (np. Gwarancja BIOFI) ---- */
.biofi .accbody .spec-table { margin: 12px 0; }

/* ---- Divider wewnątrz treści ---- */
.biofi .accbody .pr_section_divider { margin: 14px 0; border: none; border-top: 1px solid #e2e6ef; }

/* Wrapper osadzonej mapy Google (strona Mapa Dojazdu) */
.biofi .biofi-map { margin: 8px 0 14px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(48,72,112,.12); }
.biofi .biofi-map iframe { display: block; width: 100%; border: 0; }

/* Zdjęcie budynku / siedziby (strona Mapa Dojazdu) */
.biofi .biofi-photo { margin: 8px 0 6px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(48,72,112,.12); }
.biofi .biofi-photo img { display: block; width: 100%; height: auto; }
.biofi .biofi-photo__cap { text-align: center; font-size: 13.5px; color: #57628c; font-style: italic; margin: 8px 0 0; }

/* ============ DARMOWA WYSYŁKA — komponenty ============ */
/* Hero darmowej wysyłki */
.biofi .biofi-hero-ship {
  display: flex; align-items: center; gap: 22px;
  background: linear-gradient(135deg, #304870 0%, #405d8a 100%);
  color: #fff; border-radius: var(--radius); padding: 28px 32px; margin: 0 0 28px;
  box-shadow: var(--shadow);
}
.biofi .biofi-hero-ship__icon {
  flex: 0 0 auto; width: 84px; height: 84px; border-radius: 50%;
  background: rgba(255,255,255,.12); display: flex; align-items: center; justify-content: center;
}

.biofi .biofi-hero-ship__txt .big { font-family: Manrope, sans-serif; font-size: 26px; font-weight: 800; margin-bottom: 6px; }
.biofi .biofi-hero-ship__txt .big b { color: #ffd23f; }
.biofi .biofi-hero-ship__txt p { font-size: 15.5px; line-height: 1.6; margin: 0; color: #eef1f8; }
.biofi .biofi-hero-ship__txt p b { color: #fff; }

/* Karty operatorów */
.biofi .biofi-ship-card {
  position: relative; background: #fff; border: 1px solid #e6e9f0; border-radius: 14px;
  padding: 22px 20px; text-align: center; box-shadow: 0 2px 12px rgba(48,72,112,.06);
  transition: transform .15s, box-shadow .15s, border-color .15s;
}
.biofi .biofi-ship-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(48,72,112,.13); border-color: #cdd5ea; }
.biofi .biofi-ship-card.featured { border-color: #a01028; box-shadow: 0 4px 20px rgba(160,16,40,.12); }
.biofi .biofi-ship-card .sh-badge {
  position: absolute; top: -11px; left: 50%; transform: translateX(-50%);
  background: #a01028; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; padding: 4px 12px; border-radius: 20px;
}
.biofi .biofi-ship-card .sh-ico {
  width: 60px; height: 60px; margin: 4px auto 14px; border-radius: 14px;
  background: #eef2f8; display: flex; align-items: center; justify-content: center;
}
.biofi .biofi-ship-card .sh-name { font-family: Manrope, sans-serif; font-size: 18px; font-weight: 800; color: #304870; margin-bottom: 6px; }
.biofi .biofi-ship-card .sh-price { font-size: 15px; color: #34A853; font-weight: 600; }
.biofi .biofi-ship-card .sh-price b { color: #34A853; font-weight: 800; }
.biofi .biofi-ship-card .sh-sub { font-size: 13px; color: #8a93ab; margin-bottom: 12px; }
.biofi .biofi-ship-card p { font-size: 14px; line-height: 1.55; color: #57628c; margin: 0; }

/* zielone "gratis" w tabeli */
.biofi .spec-table b.ok { color: #34A853; }

/* Rozmiary ikon w kontenerach wysyłki (bez polegania na inline style — KQS może je usuwać) */
.biofi .biofi-hero-ship__icon .bico { width: 44px; height: 44px; }
.biofi .biofi-ship-card .sh-ico .bico { width: 30px; height: 30px; }
.biofi .biofi-cta .icowrap .bico { width: 28px; height: 28px; }

/* Tabela stref wysyłki (3 kolumny: Strefa / Cena / Kraje) — jawne szerokości */
.biofi .spec-table--zones td:first-child,
.biofi .spec-table--zones th:first-child { width: 90px; white-space: nowrap; }
.biofi .spec-table--zones td:nth-child(2),
.biofi .spec-table--zones th:nth-child(2) { width: 90px; white-space: nowrap; text-align: center; }
.biofi .spec-table--zones td:last-child,
.biofi .spec-table--zones th:last-child { width: auto; }

/* ============ KAFLE OPERATORÓW (Darmowa Wysyłka) — styl .m-banner ============ */
.biofi .ship-tiles {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 4px 0 20px;
}
.biofi .ship-tile {
  position: relative; display: block; aspect-ratio: 3 / 4; border-radius: 16px;
  overflow: hidden; text-decoration: none; box-shadow: 0 4px 20px rgba(10,17,30,.28);
  transition: transform .18s, box-shadow .18s;
}
.biofi .ship-tile:hover { transform: translateY(-4px); box-shadow: 0 12px 34px rgba(10,17,30,.4); }
.biofi .ship-tile__bg {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: transform .3s;
}
.biofi .ship-tile:hover .ship-tile__bg { transform: scale(1.045); }
.biofi .ship-tile__body {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  display: flex; flex-direction: column; align-items: flex-start;
  padding: 22px 24px 24px;
  background: linear-gradient(to top, rgba(6,12,22,.92) 55%, rgba(6,12,22,.55) 80%, transparent 100%);
}
.biofi .ship-tile__name {
  font-family: Manrope, sans-serif; font-size: 22px; font-weight: 800; letter-spacing: .01em;
  color: #fff; text-transform: uppercase; line-height: 1.15;
}
.biofi .ship-tile__line {
  display: block; width: 120px; height: 3px; border-radius: 2px; margin: 10px 0 12px;
  background: linear-gradient(90deg, transparent 0%, #e11d33 20%, #ff5a70 50%, #e11d33 80%, transparent 100%);
  box-shadow: 0 0 10px rgba(225,29,51,.6), 0 0 4px rgba(255,90,112,.5);
}
.biofi .ship-tile__desc {
  font-family: Inter, sans-serif; font-size: 15px; color: #d5dcea; margin-bottom: 16px;
}
.biofi .ship-tile__cta {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: Manrope, sans-serif; font-size: 15px; font-weight: 700; color: #fff;
  border: 1.5px solid rgba(225,29,51,.7); border-radius: 10px;
  padding: 11px 20px; transition: background .16s, border-color .16s, gap .16s;
}
.biofi .ship-tile__arr { transition: transform .16s; }
.biofi .ship-tile:hover .ship-tile__cta {
  background: #34A853; border-color: #34A853; gap: 12px;
}
.biofi .ship-tile:hover .ship-tile__arr { transform: translateX(3px); }

/* ============ KAFLE SERWISOWE (Serwis §1) — styl .ship-tile / .m-banner ============ */
/* Grafiki: <img class="svc-tile__bg" src="dist/img/serwis-kafel-N-*.webp"> (1089×1444, 3:4) */
/* Tekst = żywy HTML na dolnym gradiencie (SEO + PL/EN z jednego kompletu plików)      */
.biofi .svc-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 22px 0 8px;
}
.biofi .svc-tile {
  position: relative; display: block; aspect-ratio: 1089 / 1444; border-radius: 16px;
  overflow: hidden; text-decoration: none; background-color: #0a1526;
  border: 1px solid rgba(255,255,255,.06); box-shadow: 0 8px 26px rgba(6,14,28,.35);
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
.biofi .svc-tile:hover {
  transform: translateY(-4px); box-shadow: 0 16px 40px rgba(6,14,28,.55);
  border-color: rgba(205,48,57,.55);
}
.biofi .svc-tile__bg {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  object-position: top center; transition: transform .3s;
}
.biofi .svc-tile:hover .svc-tile__bg { transform: scale(1.045); }
.biofi .svc-tile__body {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  display: flex; flex-direction: column; align-items: flex-start;
  padding: 20px 22px 22px;
  background: linear-gradient(to top,
     rgba(7,15,28,.98) 0%, rgba(7,15,28,.94) 42%, rgba(7,15,28,.72) 74%, rgba(7,15,28,0) 100%);
}
.biofi .svc-tile__name {
  font-family: Manrope, sans-serif; font-size: 22px; font-weight: 800; line-height: 1.2;
  color: #fff; margin: 0;
}
.biofi .svc-tile__line {
  display: block; width: 44px; height: 3px; border-radius: 2px; margin: 9px 0 12px;
  background: linear-gradient(90deg, transparent 0%, #e11d33 20%, #ff5a70 50%, #e11d33 80%, transparent 100%);
  box-shadow: 0 0 10px rgba(225,29,51,.6), 0 0 4px rgba(255,90,112,.5);
}
.biofi .svc-tile__desc {
  font-family: Inter, sans-serif; font-size: 14px; line-height: 1.55; color: #c7d2e0; margin: 0 0 16px;
}
.biofi .svc-tile__cta {
  display: inline-flex; align-items: center;
  font-family: Manrope, sans-serif; font-size: 14px; font-weight: 700; color: #fff;
  border: 1.5px solid #cd3039; border-radius: 9px; padding: 11px 18px;
  transition: background .16s;
}
.biofi .svc-tile__cta::after {
  content: "\2192"; margin-left: 9px; font-size: 16px; line-height: 1;
  transition: margin-left .16s;
}
.biofi .svc-tile:hover .svc-tile__cta { background: #cd3039; }
.biofi .svc-tile:hover .svc-tile__cta::after { margin-left: 13px; }

@media (max-width: 1024px) {
  .biofi .svc-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .biofi .svc-tile__name { font-size: 20px; }
  .biofi .svc-tile__desc { font-size: 13.5px; }
}
@media (max-width: 560px) {
  .biofi .svc-grid { grid-template-columns: 1fr; gap: 16px; }
  .biofi .svc-tile__body { padding: 18px 18px 20px; }
  .biofi .svc-tile__name { font-size: 21px; }
  .biofi .svc-tile__desc { font-size: 14px; }
}

/* ============================================================================
   FIX 2026-08-06 — F102: wymiary ikon .bico w nagłówkach <summary>
   ----------------------------------------------------------------------------
   PROBLEM: reguła bazowa .bico jest scope'owana pod .biofi (patrz ~w.6330
   „PATCH BIOFI — ikony .bico + font Manrope"). Poza .biofi wymiary nadają
   wyłącznie trzy reguły:
     1) FIX 2026-07-08 — pięć kontenerów pr_* (+ blog),
     2) .spec-table .bico,
     3) ul.pr-list li .bico.
   Nagłówek <summary> sekcji rozwijanych nie łapie się na żadną z nich, więc
   <span class="bico ..."> zawierający tylko &#8203; renderował się 0 x 23 px
   — ikona była całkowicie niewidoczna.

   OBJAW: brak ikon w nagłówkach 6 sekcji karty produktu (Dane Techniczne,
   FAQ, Gwarancja BIOFI, Dlaczego BIOFI, Pakiet Startowy, Program Partner).
   Błąd występował na produkcji przed jakąkolwiek zmianą treści.

   ZWERYFIKOWANE: render Playwright 1440 / 1024 / 390 px na pełnym arkuszu
   produkcyjnym — przed łatką 6 ikon o zerowej szerokości, po łatce 182/182
   ikony widoczne, bez poziomego scrolla.

   UWAGA (F97): mobile.css jest arkuszem SAMODZIELNYM — ten blok musi
   znajdować się w OBU plikach.
   ========================================================================= */
details.pr_section summary .bico {
  display: inline-block;
  vertical-align: -.18em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
}

/* ============================================================================
   FIX 2026-08-06 — F103: czytelność szerokiej tabeli .spec-table--grouped
   ----------------------------------------------------------------------------
   PROBLEM 1: tabela „Rodzina głowic RICOH" ma 10 kolumn i ~980 px szerokości,
   a kolumna opisu produktu to 894 px (viewport 1440) / 698 px (1024) /
   390 px (mobile). Część kolumn zawsze wypada poza kadr.
   PROBLEM 2: .table-scroll przewijał się poprawnie, ale BEZ ŻADNEJ wskazówki
   wizualnej — na mobile widać było 4 z 10 kolumn i nic nie sygnalizowało reszty.
   PROBLEM 3: po przewinięciu w prawo znikała kolumna „Model", więc nie było
   wiadomo, którego wiersza dotyczą oglądane parametry.

   ROZWIĄZANIE:
     a) kolumna „Model" przyklejona (position:sticky) — zostaje widoczna
        przez cały czas przewijania; wiersze etykiet grup (colspan) wyłączone,
     b) miękki cień na prawej krawędzi przyklejonej kolumny — sygnalizuje,
        że treść pod spodem się przesuwa,
     c) stale widoczny, ostylowany pasek przewijania (zamiast nakładkowego,
        który Chrome pokazuje dopiero w trakcie scrollowania).

   UWAGA: pierwsza komórka ma już nieprzezroczyste tło (#F2F3F6, a w wierszu
   .hl #eafaf0), więc sticky nie powoduje prześwitywania treści.
   Zielony pasek .hl td:first-child (inset box-shadow) działa bez zmian —
   cień krawędzi realizuje ::after, nie box-shadow, żeby ich nie nadpisać.

   POWIĄZANE: kolumna „SKU BIOFI" przeniesiona w HTML z ostatniej pozycji
   na drugą (zaraz za „Model") — kod zamówieniowy jest teraz widoczny
   bez przewijania. Ostatnia zostaje „Typowe aplikacje": najszersza
   i najmniej istotna przy skanowaniu wzrokiem.

   UWAGA (F97): mobile.css jest arkuszem SAMODZIELNYM — blok w OBU plikach.
   ========================================================================= */

/* a) + b) przyklejona kolumna „Model" z cieniem krawędzi */
.table-scroll .spec-table--grouped tr:not(.grp-head) td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
.table-scroll .spec-table--grouped tr:not(.grp-head) td:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 10px;
  background: linear-gradient(to right, rgba(40, 60, 90, .15), rgba(40, 60, 90, 0));
  pointer-events: none;
}

/* c) stale widoczny pasek przewijania */
.table-scroll {
  scrollbar-width: thin;
  scrollbar-color: #A9B4C4 #EEF0F4;
  padding-bottom: 2px;
}
.table-scroll::-webkit-scrollbar {
  height: 10px;
}
.table-scroll::-webkit-scrollbar-track {
  background: #EEF0F4;
  border-radius: 5px;
}
.table-scroll::-webkit-scrollbar-thumb {
  background: #A9B4C4;
  border-radius: 5px;
}
.table-scroll::-webkit-scrollbar-thumb:hover {
  background: #7D8BA0;
}

/* d) czerwone etykiety grup (TH / MH / GH) też przypięte — przy przewijaniu
      w prawo nie uciekają poza kadr i wiadomo, w której rodzinie się jest.
      UWAGA: sticky trzeba nałożyć na SAM tab (.grp-label), nie na komórkę.
      Komórka ma colspan=10 i wypełnia cały wiersz, więc nie ma jak się
      przesunąć — sticky na <td> nie daje żadnego efektu. */
.table-scroll .spec-table--grouped .grp-label {
  position: sticky;
  left: 0;
  z-index: 1;
}