:root { --sio-pom: #f08000; --sio-pom-c: #c96a00; --sio-graf: #202020; --sio-graf-j: #3a3a3a; --sio-tekst: #262626; --sio-szary: #6b6b6b; --sio-jasny: #f5f5f5; --sio-krem: #fff4e8; --sio-linia: #e6e6e6; --sio-pismo: var(--font-extra, Rubik, system-ui, sans-serif); --sio-r: 6px; --sio-cien: 0 10px 28px rgba(32, 32, 32, .10); } body { color: var(--sio-tekst); line-height: 1.55; } h1, h2, h3, .sio-h2 { font-family: var(--sio-pismo); color: var(--sio-graf); letter-spacing: -.01em; } h2, .sio-h2 { font-size: 26px; line-height: 1.15; font-weight: 700; margin: 0 0 12px; } .sio-nad { display: inline-block; font-family: var(--sio-pismo); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sio-pom); margin: 0 0 10px; padding-left: 14px; position: relative; } .sio-nad::before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; background: var(--sio-pom); border-radius: 2px; transform: rotate(45deg); } .sio-sekcja { padding: 36px 0; } .sio-sekcja--jasna { background: var(--sio-jasny); } .sio-sekcja--krem { background: var(--sio-krem); } .sio-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: var(--sio-r); background: var(--sio-pom); color: #fff; font-family: var(--sio-pismo); font-weight: 600; font-size: 15px; text-decoration: none; border: 2px solid var(--sio-pom); transition: background .15s, border-color .15s; } .sio-btn:hover { background: var(--sio-pom-c); border-color: var(--sio-pom-c); color: #fff; } .sio-btn--drugi { background: transparent; color: var(--sio-graf); border-color: var(--sio-graf); } .sio-btn--drugi:hover { background: var(--sio-graf); color: #fff; border-color: var(--sio-graf); } .sio-top { background: #fff; color: var(--sio-graf); position: relative; z-index: 30; border-top: 4px solid var(--sio-pom); } .sio-pas { display: flex; align-items: center; gap: 10px; min-height: var(--header-h, 60px); padding: 8px 0; } .sio-logo { display: flex; align-items: center; flex: 0 0 auto; min-width: 0; } .sio-logo__link { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--sio-graf); } .sio-logo__link img { display: block; height: auto; max-height: 42px; width: auto; } .sio-haslo { display: none; font-family: var(--sio-pismo); font-size: 12px; font-weight: 500; color: var(--sio-szary); max-width: 190px; line-height: 1.25; border-left: 2px solid var(--sio-pom); padding-left: 10px; } .sio-szukaj { display: none; flex: 1 1 auto; min-width: 0; } .sio-szukajka { display: flex; align-items: stretch; width: 100%; max-width: 560px; margin: 0 auto; background: var(--sio-jasny); border: 1px solid var(--sio-linia); border-radius: 999px; overflow: hidden; } .sio-szukajka input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; padding: 0 18px; height: 44px; font-size: 15px; color: var(--sio-tekst); outline: none; } .sio-szukajka button { border: 0; background: var(--sio-pom); color: #fff; padding: 0 18px; display: inline-flex; align-items: center; gap: 8px; font-family: var(--sio-pismo); font-weight: 600; cursor: pointer; } .sio-szukajka button:hover { background: var(--sio-pom-c); } .sio-szukajka button svg { width: 18px; height: 18px; fill: currentColor; } .sio-szukajka button span { display: none; } .sio-tel { display: none; align-items: center; gap: 10px; text-decoration: none; color: var(--sio-graf); margin-left: auto; } .sio-tel__ikona { width: 38px; height: 38px; border-radius: 50%; background: var(--sio-krem); color: var(--sio-pom); display: inline-flex; align-items: center; justify-content: center; } .sio-tel__ikona svg { width: 18px; height: 18px; fill: currentColor; } .sio-tel__numer { display: block; font-family: var(--sio-pismo); font-weight: 700; font-size: 17px; line-height: 1.1; } .sio-tel__godziny { display: block; font-size: 12px; color: var(--sio-szary); } .sio-akcje { display: flex; align-items: center; gap: 4px; margin-left: auto; } .sio-ikona { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: var(--sio-r); color: var(--sio-graf); background: transparent; border: 0; cursor: pointer; position: relative; text-decoration: none; } .sio-ikona:hover { background: var(--sio-jasny); } .sio-ikona svg { width: 22px; height: 22px; fill: currentColor; } .sio-ikona .cart-count { position: absolute; top: 3px; right: 3px; min-width: 18px; height: 18px; border-radius: 9px; background: var(--sio-pom); color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; padding: 0 5px; } .sio-hamburger .hamburger-bars, .sio-hamburger .hamburger-bars::before, .sio-hamburger .hamburger-bars::after { display: block; width: 22px; height: 2px; background: var(--sio-graf); border-radius: 2px; content: ""; position: relative; } .sio-hamburger .hamburger-bars::before { position: absolute; top: -7px; } .sio-hamburger .hamburger-bars::after { position: absolute; top: 7px; } .sio-szukaj-tel { display: none; padding: 0 0 10px; } body.search-open .sio-szukaj-tel { display: block; } .sio-menu { background: var(--sio-graf); border-bottom: 3px solid var(--sio-pom); } .sio-top .cat-menu { display: none; background: var(--sio-graf); } body.menu-open .sio-top .cat-menu { display: block; } .sio-top .cat-menu ul { list-style: none; margin: 0; padding: 8px 0; } .sio-top .cat-menu a { display: block; padding: 10px 16px; color: #fff; text-decoration: none; font-family: var(--sio-pismo); font-weight: 500; } .sio-hero { display: grid; gap: 22px; padding: 10px 0 30px; } .sio-hero h1 { font-size: 30px; line-height: 1.1; font-weight: 700; margin: 0 0 14px; } .sio-hero h1 b { color: var(--sio-pom); font-weight: 700; } .sio-hero__tekst { font-size: 16px; color: var(--sio-szary); margin: 0 0 20px; max-width: 520px; } .sio-hero__przyciski { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; } .sio-hero__punkty { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; color: var(--sio-graf); } .sio-hero__punkty li { padding-left: 18px; position: relative; } .sio-hero__punkty li::before { content: ""; position: absolute; left: 0; top: 7px; width: 9px; height: 9px; background: var(--sio-pom); border-radius: 2px; transform: rotate(45deg); } .sio-mozaika { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .sio-mozaika img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--sio-r); background: var(--sio-jasny); } .sio-mozaika img:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; } .sio-obietnice { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .sio-obietnice li { background: #fff; border: 1px solid var(--sio-linia); border-radius: var(--sio-r); padding: 12px 14px; display: flex; gap: 10px; align-items: flex-start; } .sio-obietnice__znak { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: var(--sio-krem); color: var(--sio-pom); display: inline-flex; align-items: center; justify-content: center; font-family: var(--sio-pismo); font-weight: 700; font-size: 15px; } .sio-obietnice b { display: block; font-family: var(--sio-pismo); font-size: 14px; font-weight: 600; color: var(--sio-graf); line-height: 1.2; } .sio-obietnice span { display: block; font-size: 12px; color: var(--sio-szary); margin-top: 2px; } .sio-dzialy__siatka { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .sio-dzial { position: relative; display: block; border-radius: var(--sio-r); overflow: hidden; text-decoration: none; color: #fff; background: var(--sio-graf); aspect-ratio: 4 / 3; } .sio-dzial img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: transform .35s, opacity .2s; } .sio-dzial:hover img { transform: scale(1.05); opacity: 1; } .sio-dzial__podpis { position: absolute; left: 0; right: 0; bottom: 0; padding: 36px 12px 12px; background: linear-gradient(to top, rgba(32, 32, 32, .92), rgba(32, 32, 32, 0)); } .sio-dzial__nazwa { display: block; font-family: var(--sio-pismo); font-size: 18px; font-weight: 700; line-height: 1.1; } .sio-dzial__opis { display: block; font-size: 12px; opacity: .85; margin-top: 3px; } .sio-dzial--szeroki { grid-column: 1 / -1; aspect-ratio: 16 / 7; } .sio-kroki { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; counter-reset: krok; } .sio-kroki li { background: #fff; border: 1px solid var(--sio-linia); border-radius: var(--sio-r); padding: 18px 16px 16px 16px; position: relative; counter-increment: krok; } .sio-kroki li::before { content: counter(krok); display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--sio-r); background: var(--sio-pom); color: #fff; font-family: var(--sio-pismo); font-weight: 700; margin-bottom: 10px; } .sio-kroki b { display: block; font-family: var(--sio-pismo); font-size: 16px; font-weight: 600; color: var(--sio-graf); margin-bottom: 6px; } .sio-kroki p { margin: 0; font-size: 14px; color: var(--sio-szary); } .sio-parametry { display: grid; gap: 12px; } .sio-parametry__kol { background: #fff; border-top: 4px solid var(--sio-pom); border-radius: var(--sio-r); padding: 16px; box-shadow: var(--sio-cien); } .sio-parametry__kol h3 { font-size: 17px; margin: 0 0 10px; } .sio-parametry__lista { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; } .sio-parametry__lista li { background: var(--sio-jasny); border-radius: 4px; padding: 4px 9px; font-size: 13px; font-weight: 600; color: var(--sio-graf); } .sio-parametry__lista li.sio-kolor { padding-left: 24px; position: relative; } .sio-parametry__lista li.sio-kolor::before { content: ""; position: absolute; left: 8px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: var(--k, #999); box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset; } .sio-parametry__uwaga { font-size: 13px; color: var(--sio-szary); margin: 10px 0 0; } .sio-pytania { display: grid; gap: 8px; } .sio-pytania details { background: #fff; border: 1px solid var(--sio-linia); border-radius: var(--sio-r); padding: 0 16px; } .sio-pytania summary { cursor: pointer; list-style: none; padding: 14px 28px 14px 0; font-family: var(--sio-pismo); font-weight: 600; font-size: 15px; color: var(--sio-graf); position: relative; } .sio-pytania summary::-webkit-details-marker { display: none; } .sio-pytania summary::after { content: "+"; position: absolute; right: 0; top: 10px; font-size: 22px; color: var(--sio-pom); font-weight: 400; } .sio-pytania details[open] summary::after { content: "–"; } .sio-pytania p { margin: 0 0 14px; font-size: 14px; color: var(--sio-szary); } .sio-realizacje { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .sio-realizacje img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--sio-r); background: var(--sio-jasny); } .sio-kontakt { background: var(--sio-pom); color: #fff; border-radius: var(--sio-r); padding: 24px 20px; display: grid; gap: 14px; } .sio-kontakt h2 { color: #fff; margin: 0; font-size: 24px; } .sio-kontakt p { margin: 0; font-size: 15px; opacity: .95; } .sio-kontakt__dane { display: grid; gap: 8px; font-family: var(--sio-pismo); font-weight: 600; font-size: 16px; } .sio-kontakt__dane a { color: #fff; text-decoration: none; } .sio-kontakt .sio-btn { background: var(--sio-graf); border-color: var(--sio-graf); } .sio-kontakt .sio-btn:hover { background: #000; border-color: #000; } .sio-stopka { background: var(--sio-graf); color: #c9c9c9; padding: 28px 0 18px; margin-top: 30px; } .sio-stopka__obietnice { list-style: none; margin: 0 0 22px; padding: 0 0 16px; border-bottom: 1px solid rgba(255, 255, 255, .12); display: grid; gap: 6px; font-size: 13px; } .sio-stopka__obietnice b { color: #fff; font-weight: 600; } .sio-stopka__obietnice li::before { content: "■"; color: var(--sio-pom); font-size: 9px; margin-right: 8px; vertical-align: 2px; } .sio-stopka__kol { display: grid; gap: 20px; } .sio-stopka .foot-h { font-family: var(--sio-pismo); font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--sio-pom); margin: 0 0 10px; } .sio-stopka ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 14px; } .sio-stopka a { color: #fff; text-decoration: none; } .sio-stopka a:hover { color: var(--sio-pom); } .sio-stopka__marka { font-family: var(--sio-pismo); font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 8px; } .sio-stopka__opis { font-size: 13px; margin: 0 0 10px; max-width: 320px; } .sio-stopka__tel { display: inline-block; font-family: var(--sio-pismo); font-size: 18px; font-weight: 700; } .sio-stopka__godziny { font-size: 13px; } .sio-stopka__dol { margin-top: 22px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .12); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; } .sio-stopka__dol img { opacity: .85; } @media (min-width: 768px) { h2, .sio-h2 { font-size: 32px; } .sio-sekcja { padding: 48px 0; } .sio-haslo { display: block; } .sio-szukaj { display: block; } .sio-szukajka button span { display: inline; } .sio-ikona--szukaj { display: none; } .sio-hero { grid-template-columns: 1.05fr 1fr; align-items: center; padding: 26px 0 40px; } .sio-hero h1 { font-size: 40px; } .sio-obietnice { grid-template-columns: repeat(4, 1fr); } .sio-dzialy__siatka { grid-template-columns: repeat(3, 1fr); } .sio-dzial--szeroki { grid-column: span 2; aspect-ratio: auto; } .sio-kroki { grid-template-columns: repeat(2, 1fr); } .sio-parametry { grid-template-columns: repeat(3, 1fr); } .sio-realizacje { grid-template-columns: repeat(3, 1fr); } .sio-kontakt { grid-template-columns: 1.4fr 1fr; align-items: center; padding: 32px 36px; } .sio-stopka__obietnice { grid-template-columns: repeat(3, 1fr); } .sio-stopka__kol { grid-template-columns: 1.4fr 1fr 1fr 1fr; } } @media (min-width: 1024px) { .sio-tel { display: inline-flex; margin-left: 10px; } .sio-akcje { margin-left: 4px; } .sio-logo__link img { max-height: 60px; } .sio-hero h1 { font-size: 46px; } .sio-dzialy__siatka { grid-template-columns: repeat(4, 1fr); } .sio-dzial--szeroki { grid-column: span 2; } .sio-kroki { grid-template-columns: repeat(4, 1fr); } .sio-realizacje { grid-template-columns: repeat(6, 1fr); } } .sume-menu .sume-menu__tab:hover > .sume-menu__tab-link, .sume-menu .sume-menu__tab:focus-within > .sume-menu__tab-link, .sume-menu .sume-menu__tab.is-current > .sume-menu__tab-link { color: var(--akcent); box-shadow: inset 0 -3px 0 var(--akcent); } .sio-sekcja--jasna, .sio-sekcja--krem { padding-left: 18px; padding-right: 18px; border-radius: var(--sio-r); } .sio-obietnice__znak { width: 40px; height: 40px; background: var(--sio-pom); color: #fff; } .sio-obietnice__znak svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .sio-dzial--zdanie { grid-column: 1 / -1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; padding: 22px 20px; background: var(--sio-krem); border: 1px solid var(--sio-linia); color: var(--sio-graf); aspect-ratio: auto; } .sio-dzial--zdanie .sio-nad { margin: 0; } .sio-dzial--zdanie p { margin: 0; font-family: var(--sio-pismo); font-size: 19px; line-height: 1.3; font-weight: 600; color: var(--sio-graf); } .sio-dzial--zdanie p b { color: var(--sio-pom); } @media (min-width: 768px) { .sio-sekcja--jasna, .sio-sekcja--krem { padding-left: 32px; padding-right: 32px; } .sio-dzial--szeroki { grid-row: span 2; } .sio-dzial--zdanie { grid-column: span 2; } } @media (min-width: 1024px) { .sio-sekcja--jasna, .sio-sekcja--krem { padding-left: 44px; padding-right: 44px; } .sio-dzial--zdanie { padding: 24px 28px; } .sio-dzial--zdanie p { font-size: 22px; } } .sio-obietnice__znak { background-repeat: no-repeat; background-position: center; background-size: 20px 20px; } .sio-obietnice li:nth-child(1) .sio-obietnice__znak { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v8H3z'/%3E%3Cpath d='M14 10h4l3 3v2h-7z'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"); } .sio-obietnice li:nth-child(2) .sio-obietnice__znak { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); } .sio-obietnice li:nth-child(3) .sio-obietnice__znak { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16.5 16.5 3 21 7.5 7.5 21z'/%3E%3Cpath d='m7 13 2 2M10 10l2 2M13 7l2 2'/%3E%3C/svg%3E"); } .sio-obietnice li:nth-child(4) .sio-obietnice__znak { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); } @media (min-width: 1024px) { .bloki-strona .bloki-towary { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sio-parametry__lista li.sio-kolor:nth-child(1)::before { background: #1f7a3a; } .sio-parametry__lista li.sio-kolor:nth-child(2)::before { background: #111111; } .sio-parametry__lista li.sio-kolor:nth-child(3)::before { background: #8a8a8a; } .sio-parametry__lista li.sio-kolor:nth-child(4)::before { background: #ffffff; } .sio-parametry__lista li.sio-kolor:nth-child(5)::before { background: #1f4f9a; } .sio-parametry__lista li.sio-kolor:nth-child(6)::before { background: #3c3c3c; } .sio-parametry__lista li.sio-kolor:nth-child(7)::before { background: #d9c39a; } .sio-parametry__lista li.sio-kolor:nth-child(8)::before { background: #f2c200; } .sume-menu__drawer .sume-menu__item--header > a, .sume-menu__drawer .sume-menu__item--header > span { color: #202020; font-weight: 600; } .sume-menu__drawer .sume-menu__sub .sume-menu__item a, .sume-menu__drawer .sume-menu__sub .sume-menu__item > span { color: #262626; } .sume-menu__drawer .sume-menu__sub .sume-menu__item a::before { color: var(--sio-pom, #f08000); } .sume-menu__drawer .sume-menu__item.is-current > a { color: var(--sio-pom, #f08000); background: rgba(240, 128, 0, .12); } .sume-menu__drawer .sume-menu__item.is-current > a::before { color: var(--sio-pom, #f08000); } .sume-menu__drawer .sume-menu__toggle::before, .sume-menu__drawer .sume-menu__sub-toggle::before { width: 12px; height: 12px; margin: -8px 0 0 -6px; border-width: 0 3px 3px 0; border-style: solid; border-radius: 1px; } .sume-menu__drawer .sume-menu__toggle::before { border-color: #ffffff; } .sume-menu__drawer .sume-menu__sub-toggle::before { border-color: var(--sio-pom, #f08000); } .sume-menu__drawer .sume-menu__toggle[aria-expanded="true"]::before, .sume-menu__drawer .sume-menu__sub-toggle[aria-expanded="true"]::before { margin-top: -3px; border-color: var(--sio-pom, #f08000); } .sume-menu__drawer .sume-menu__toggle[aria-expanded="true"] { background: rgba(240, 128, 0, .18); } .sume-menu__drawer .sume-menu__sub-toggle[aria-expanded="true"] { background: rgba(240, 128, 0, .14); } .sume-menu__drawer .sume-menu__toggle, .sume-menu__drawer .sume-menu__sub-toggle { width: 56px; } .bbar-ico { width: 27px; height: 27px; } .bbar-ico svg, .bbar-ico .ico { width: 27px; height: 27px; } .bbar-item { font-size: 12.5px; gap: 4px; padding: 8px 4px 7px; } .bbar-label { font-size: 12.5px; } @media (min-width: 1280px) { .cat-main .grid, .grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }@media (min-width: 768px) and (max-width: 1279px) { .cat-main .grid, .grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }@media (max-width: 767px) { .cat-main .grid, .grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } :root,body{--tekst:#262626!important;--szary:#6b6b6b!important;--linia:#e6e6e6!important;--granat:#202020!important;--sct-granat:#202020!important;--sct-granat-2:color-mix(in srgb,#202020 82%,#000)!important;--zolty:#f08000!important;--akcent:#f08000!important;--zolty-hover:color-mix(in srgb,#f08000 88%,#000)!important;--karta:#ffffff!important;--zdjecie-tlo:#f5f5f5!important;--pas:#fff4e8!important;--cena:#202020!important;--sct-kwota:#202020!important;--promocja:#f08000!important}.card{background:var(--karta)!important}.card .thumb{background:var(--zdjecie-tlo)!important}.card .price,.product-price,.cart-line,.cart-total-row strong{color:var(--cena)!important}.cena-znizka{background:var(--promocja)!important} @media (min-width:1024px){:root{--sidemenu-bg:#f7f7f7;--sidemenu-l1:#202020;--sidemenu-l1-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--sidemenu-l1-size:15px;--sidemenu-l1-weight:700;--sidemenu-l1-upper:none;--sidemenu-l2:#262626;--sidemenu-l2-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--sidemenu-l2-size:14px;--sidemenu-l2-weight:500;--sidemenu-l2-upper:none;--sidemenu-l3:#262626;--sidemenu-l3-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--sidemenu-l3-size:13.5px;--sidemenu-l3-weight:400;--sidemenu-l3-upper:none;--sidemenu-gap:6px;--sidemenu-on:#f08000;--sidemenu-on-bg:#ffffff;--sidemenu-on-mark:#f08000;--filters-head-bg:#ffffff;--filters-head:#202020;--filters-head-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--filters-head-size:15px;--filters-head-weight:700;--filters-head-upper:none;--filters-item:#262626;--filters-item-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--filters-item-size:14px;--filters-item-weight:500;--filters-price:#202020;--filters-apply-bg:#f08000;--filters-apply-text:#ffffff;--filters-clear-border:#bdbdbd;--filters-clear-text:#202020}.cat-side{background:var(--sidemenu-bg)!important}.cat-side .cat-side__item--lvl1:not(.is-current):not(.is-open)>a{color:var(--sidemenu-l1)!important}.cat-side .cat-side__item--lvl1>a{font-family:var(--sidemenu-l1-font)!important}.cat-side .cat-side__item--lvl1>a{font-size:var(--sidemenu-l1-size)!important}.cat-side .cat-side__item--lvl1>a{font-weight:var(--sidemenu-l1-weight)!important}.cat-side .cat-side__item--lvl1>a{text-transform:var(--sidemenu-l1-upper)!important}.cat-side .cat-side__item--lvl2:not(.is-current):not(.is-open)>a{color:var(--sidemenu-l2)!important}.cat-side .cat-side__item--lvl2>a{font-family:var(--sidemenu-l2-font)!important}.cat-side .cat-side__item--lvl2>a{font-size:var(--sidemenu-l2-size)!important}.cat-side .cat-side__item--lvl2>a{font-weight:var(--sidemenu-l2-weight)!important}.cat-side .cat-side__item--lvl2>a{text-transform:var(--sidemenu-l2-upper)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2):not(.is-current):not(.is-open)>a{color:var(--sidemenu-l3)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2)>a{font-family:var(--sidemenu-l3-font)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2)>a{font-size:var(--sidemenu-l3-size)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2)>a{font-weight:var(--sidemenu-l3-weight)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2)>a{text-transform:var(--sidemenu-l3-upper)!important}.cat-side .cat-side__item>a{padding-top:var(--sidemenu-gap)!important;padding-bottom:var(--sidemenu-gap)!important}.cat-side .cat-side__item.is-current>a,.cat-side .cat-side__item.is-open>a{color:var(--sidemenu-on)!important}.cat-side .cat-side__item.is-current>a{background:var(--sidemenu-on-bg)!important}.cat-side .cat-side__item.is-current>a{border-left-color:var(--sidemenu-on-mark)!important}.filters .filter-group>.filter-group__h,.filters .filter-group>h3{background:var(--filters-head-bg)!important}.filters .filter-group>.filter-group__h,.filters .filter-group>h3{padding-left:14px!important;padding-right:14px!important}.filters .filter-group>h3{padding-top:10px!important;padding-bottom:10px!important}.filters .filter-group h3{color:var(--filters-head)!important}.filters .filter-group__strzalka{border-color:var(--filters-head)!important}.filters .filter-group h3{font-family:var(--filters-head-font)!important}.filters .filter-group h3{font-size:var(--filters-head-size)!important}.filters .filter-group h3{font-weight:var(--filters-head-weight)!important}.filters .filter-group h3{text-transform:var(--filters-head-upper)!important}.filters .filter-values a:not(.is-on),.filters .filter-select{color:var(--filters-item)!important}.filters .filter-values a,.filters .filter-select{font-family:var(--filters-item-font)!important}.filters .filter-values a,.filters .filter-select{font-size:var(--filters-item-size)!important}.filters .filter-values a,.filters .filter-select{font-weight:var(--filters-item-weight)!important}.filters .filter-price input{border-color:var(--filters-price)!important}.filters .filter-price button,.filters .filtry-pokaz,.filters-shell>.drawer-foot .drawer-done{background:var(--filters-apply-bg)!important;border-color:var(--filters-apply-bg)!important}.filters .filter-price button,.filters .filtry-pokaz,.filters-shell>.drawer-foot .drawer-done{color:var(--filters-apply-text)!important}.filters .filtry-wyczysc:not(:hover){border-color:var(--filters-clear-border)!important}.filters .filtry-wyczysc:not(:hover){color:var(--filters-clear-text)!important}.filters .filtry-wyczysc:not(:hover){background:#fff!important}}@media (max-width:1023px){:root{--sidemenu-bg:#202020;--sidemenu-l1:#ffffff;--sidemenu-l1-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--sidemenu-l1-size:15px;--sidemenu-l1-weight:700;--sidemenu-l1-upper:none;--sidemenu-l2:#ffd9b3;--sidemenu-l2-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--sidemenu-l2-size:14px;--sidemenu-l2-weight:500;--sidemenu-l2-upper:none;--sidemenu-l3:#e0e0e0;--sidemenu-l3-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--sidemenu-l3-size:13.5px;--sidemenu-l3-weight:400;--sidemenu-l3-upper:none;--sidemenu-gap:6px;--sidemenu-on:#f08000;--sidemenu-on-bg:#ffffff;--sidemenu-on-mark:#f08000;--filters-head-bg:#ffffff;--filters-head:#202020;--filters-head-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--filters-head-size:15px;--filters-head-weight:700;--filters-head-upper:none;--filters-item:#262626;--filters-item-font:'Lato', 'Spare Sans', 'Spare Sans Fallback', 'Spare Arabic', 'Spare Arabic Fallback', 'Lato Fallback', -apple-system, "Segoe UI", Roboto, sans-serif;--filters-item-size:14px;--filters-item-weight:500;--filters-price:#202020;--filters-apply-bg:#f08000;--filters-apply-text:#ffffff;--filters-clear-border:#bdbdbd;--filters-clear-text:#202020}.cat-side{background:var(--sidemenu-bg)!important}.cat-side .cat-side__item--lvl1:not(.is-current):not(.is-open)>a{color:var(--sidemenu-l1)!important}.cat-side .cat-side__item--lvl1>a{font-family:var(--sidemenu-l1-font)!important}.cat-side .cat-side__item--lvl1>a{font-size:var(--sidemenu-l1-size)!important}.cat-side .cat-side__item--lvl1>a{font-weight:var(--sidemenu-l1-weight)!important}.cat-side .cat-side__item--lvl1>a{text-transform:var(--sidemenu-l1-upper)!important}.cat-side .cat-side__item--lvl2:not(.is-current):not(.is-open)>a{color:var(--sidemenu-l2)!important}.cat-side .cat-side__item--lvl2>a{font-family:var(--sidemenu-l2-font)!important}.cat-side .cat-side__item--lvl2>a{font-size:var(--sidemenu-l2-size)!important}.cat-side .cat-side__item--lvl2>a{font-weight:var(--sidemenu-l2-weight)!important}.cat-side .cat-side__item--lvl2>a{text-transform:var(--sidemenu-l2-upper)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2):not(.is-current):not(.is-open)>a{color:var(--sidemenu-l3)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2)>a{font-family:var(--sidemenu-l3-font)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2)>a{font-size:var(--sidemenu-l3-size)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2)>a{font-weight:var(--sidemenu-l3-weight)!important}.cat-side .cat-side__item:not(.cat-side__item--lvl1):not(.cat-side__item--lvl2)>a{text-transform:var(--sidemenu-l3-upper)!important}.cat-side .cat-side__item>a{padding-top:var(--sidemenu-gap)!important;padding-bottom:var(--sidemenu-gap)!important}.cat-side .cat-side__item.is-current>a,.cat-side .cat-side__item.is-open>a{color:var(--sidemenu-on)!important}.cat-side .cat-side__item.is-current>a{background:var(--sidemenu-on-bg)!important}.cat-side .cat-side__item.is-current>a{border-left-color:var(--sidemenu-on-mark)!important}.filters .filter-group>.filter-group__h,.filters .filter-group>h3{background:var(--filters-head-bg)!important}.filters .filter-group>.filter-group__h,.filters .filter-group>h3{padding-left:14px!important;padding-right:14px!important}.filters .filter-group>h3{padding-top:10px!important;padding-bottom:10px!important}.filters .filter-group h3{color:var(--filters-head)!important}.filters .filter-group__strzalka{border-color:var(--filters-head)!important}.filters .filter-group h3{font-family:var(--filters-head-font)!important}.filters .filter-group h3{font-size:var(--filters-head-size)!important}.filters .filter-group h3{font-weight:var(--filters-head-weight)!important}.filters .filter-group h3{text-transform:var(--filters-head-upper)!important}.filters .filter-values a:not(.is-on),.filters .filter-select{color:var(--filters-item)!important}.filters .filter-values a,.filters .filter-select{font-family:var(--filters-item-font)!important}.filters .filter-values a,.filters .filter-select{font-size:var(--filters-item-size)!important}.filters .filter-values a,.filters .filter-select{font-weight:var(--filters-item-weight)!important}.filters .filter-price input{border-color:var(--filters-price)!important}.filters .filter-price button,.filters .filtry-pokaz,.filters-shell>.drawer-foot .drawer-done{background:var(--filters-apply-bg)!important;border-color:var(--filters-apply-bg)!important}.filters .filter-price button,.filters .filtry-pokaz,.filters-shell>.drawer-foot .drawer-done{color:var(--filters-apply-text)!important}.filters .filtry-wyczysc:not(:hover){border-color:var(--filters-clear-border)!important}.filters .filtry-wyczysc:not(:hover){color:var(--filters-clear-text)!important}.filters .filtry-wyczysc:not(:hover){background:#fff!important}}