COBBO Robotics · Mopy parowe, myjki i parownice
Myjka do okien Cobbo Q6 PRO
3 138,35 zł
Dostępny · wysyłka po zaksięgowaniu płatności
@media (max-width:600px){#bw-box{padding:20px 14px 14px !important}#bw-head{font-size:24px !important}#bw-r-val{font-size:36px !important}#bw-sum{font-size:15px…
- 14 dni na zwrot bez podania przyczyny
- Bezpieczna płatność online
- Zamówienie bez zakładania konta
- Koszt dostawy widoczny przed potwierdzeniem zamówienia
Opis
O tym produkcie
@media (max-width:600px){#bw-box{padding:20px 14px 14px !important}#bw-head{font-size:24px !important}#bw-r-val{font-size:36px !important}#bw-sum{font-size:15px !important}#bw-sum-val{font-size:20px !important}#bw-r,#bw-g{flex-basis:100% !important}}
#q6pro-intro-hero { position: relative; width: 100%; overflow: hidden; display: flex; flex-direction: column; } #q6pro-intro-hero-content { order: 1; } #q6pro-intro-hero-media { order: 2; } #q6pro-intro-hero * { box-sizing: border-box; } #q6pro-intro-hero-media { width: 100%; max-width: min(1140px, 78vh); margin-left: auto; margin-right: auto; } #q6pro-intro-hero-image-wrap { position: relative; width: 100%; height: 0; padding-bottom: 100%; /* 1:1 – tyle, ile ma plik mp4 */ overflow: hidden; } #q6pro-intro-hero-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; display: block; } #q6pro-intro-hero-shade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; } #q6pro-intro-hero-content { position: relative; z-index: 2; } #q6pro-intro-hero-title { margin-top: 0; } #q6pro-intro-hero-title-accent { display: inline-block; } #q6pro-intro-hero-text-strong { font-weight: 600; } /* ———- MOBILE ———- Zadnej stalej wysokosci: ramka zostaje kwadratem i sama zmniejsza sie razem z szerokoscia ekranu. Boczny margines zeby film nie dotykal krawedzi telefonu. */ @media (max-width: 768px) { #q6pro-intro-hero-media { max-width: 100%; width: calc(100% – 32px); } }Lata rozwoju.
#q6pro-warr {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
-webkit-font-smoothing: antialiased;
padding: 8px 0 8px 0;
}
#q6pro-warr * { box-sizing: border-box; }
#q6pro-warr-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
#q6pro-warr-inner {
background: #0031ff;
border-radius: 28px;
padding: 30px;
display: grid;
grid-template-columns: auto 1fr;
gap: 32px;
align-items: center;
}
/* ———- Animowana tarcza ———-
GIF ma przezroczyste tlo i lezy wprost na niebieskim panelu –
bez bialego kafla pod spodem.
line-height: 0 jest potrzebne, bo inaczej przegladarka doklada
pod obrazkiem kilka pikseli miejsca na linie tekstu i kolumna
przestaje byc wyrownana do srodka.
WIELKOSC TARCZY: wartosci width ponizej. */
#q6pro-warr-num {
line-height: 0;
}
#q6pro-warr-shield {
display: block;
width: 210px;
height: auto;
}
/* ———- Tresc ———- */
#q6pro-warr-eyebrow {
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #bdc9ff;
margin-bottom: 10px;
}
#q6pro-warr-head {
font-size: clamp(25px, 3.1vw, 38px);
line-height: 1.08;
letter-spacing: -0.04em;
font-weight: 700;
color: #ffffff;
margin: 0 0 12px 0;
}
#q6pro-warr-text {
font-size: 16.5px;
line-height: 1.5;
color: #d5deff;
margin: 0 0 18px 0;
max-width: 720px;
}
#q6pro-warr-text b { color: #ffffff; font-weight: 600; }
#q6pro-warr-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#q6pro-warr-pills div[id^=”q6pro-warr-pill-„] {
font-size: 13.5px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.01em;
color: #ffffff;
border: 1px solid rgba(255,255,255,0.45);
border-radius: 999px;
padding: 9px 15px;
}
@media (max-width: 860px) {
#q6pro-warr-inner {
grid-template-columns: 1fr;
gap: 22px;
padding: 24px;
border-radius: 24px;
}
#q6pro-warr-num { justify-self: start; }
#q6pro-warr-shield { width: 150px; }
#q6pro-warr-text { font-size: 16px; }
}
#q6pro-history { padding: 96px 0 96px 0; }
#q6pro-history * { box-sizing: border-box; }
#q6pro-history-label,
#q6pro-history-title,
#q6pro-history-text {
max-width: 820px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
text-align: center;
}
#q6pro-history-label {
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #0031ff;
margin-bottom: 16px;
}
#q6pro-history-title {
font-size: clamp(32px, 4.4vw, 52px);
line-height: 1.05;
font-weight: 700;
letter-spacing: -0.04em;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-history-text {
font-size: clamp(16px, 1.35vw, 18px);
line-height: 1.55;
color: #6e6e73;
margin: 0 auto;
letter-spacing: -0.01em;
}
#q6pro-history-text b { color: #0031ff; font-weight: 700; }
/* ———- UKLAD DOMYSLNY: SIATKA, ktora sie zawija ———-
Dziesiec generacji w jednym rzedzie wymagaloby przewijania,
ktorego mysza na desktopie sie nie obsluguje. Siatka pokazuje
wszystko naraz i nie wymaga zadnej interakcji. */
#q6pro-history-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 40px 20px;
max-width: 1200px;
margin: 0 auto;
padding: 58px 24px 8px 24px;
}
#q6pro-history-list div[id^=”q6pro-history-20″] {
position: relative;
padding-top: 30px;
text-align: center;
}
/* Fragment osi nalezacy do karty; -10px = polowa gap-u, wiec linia
w obrebie jednego wiersza jest ciagla. */
#q6pro-history-list div[id^=”q6pro-history-20″]::before {
content: „”;
position: absolute;
top: 5px;
left: -10px;
right: -10px;
height: 1px;
background: #e3e3e6;
}
/* Urwanie osi na krancach kazdego wiersza (5 kolumn) */
#q6pro-history-list div[id^=”q6pro-history-20″]:nth-child(5n+1)::before { left: 50%; }
#q6pro-history-list div[id^=”q6pro-history-20″]:nth-child(5n)::before { right: 50%; }
/* Poczatek i koniec calej osi – reguly z ID wygrywaja w kazdym ukladzie */
#q6pro-history-list div#q6pro-history-2017::before { left: 50%; }
#q6pro-history-list div#q6pro-history-2026-q6::before { right: 50%; }
#q6pro-history-list div[id^=”q6pro-history-dot-„] {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 11px;
height: 11px;
border-radius: 50%;
background: #ffffff;
border: 2px solid #c7c7cc;
z-index: 1;
}
#q6pro-history-dot-2026-q6 {
background: #0031ff;
border-color: #0031ff;
box-shadow: 0 0 0 5px rgba(0,49,255,0.12);
}
#q6pro-history-list img[id^=”q6pro-history-img-„] {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: contain;
background: #f5f5f7;
border-radius: 20px;
padding: 14px;
margin: 0 0 14px 0;
}
#q6pro-history-img-2026-q6 { background: #efeeec; }
#q6pro-history-list div[id^=”q6pro-history-year-„] {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
color: #86868b;
margin-bottom: 4px;
}
#q6pro-history-list div[id^=”q6pro-history-name-„] {
font-size: 17px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.02em;
color: #1d1d1f;
margin-bottom: 6px;
}
#q6pro-history-list div[id^=”q6pro-history-desc-„] {
font-size: 14px;
line-height: 1.45;
color: #6e6e73;
}
#q6pro-history-year-2026-q6 { color: #0031ff; }
#q6pro-history-name-2026-q6 { color: #1d1d1f; font-weight: 700; }
/* ———- Wezsze ekrany: cztery kolumny ———- */
@media (max-width: 1023px) {
#q6pro-history-list { grid-template-columns: repeat(4, 1fr); }
#q6pro-history-list div[id^=”q6pro-history-20″]:nth-child(5n+1)::before { left: -10px; }
#q6pro-history-list div[id^=”q6pro-history-20″]:nth-child(5n)::before { right: -10px; }
#q6pro-history-list div[id^=”q6pro-history-20″]:nth-child(4n+1)::before { left: 50%; }
#q6pro-history-list div[id^=”q6pro-history-20”]:nth-child(4n)::before { right: 50%; }
#q6pro-history-list div#q6pro-history-2017::before { left: 50%; }
#q6pro-history-list div#q6pro-history-2026-q6::before { right: 50%; }
#q6pro-history-list div[id^=”q6pro-history-name-„] { font-size: 16px; }
#q6pro-history-list div[id^=”q6pro-history-desc-„] { font-size: 13.5px; }
}
/* ———- Telefon: przewijany rzad ze scroll-snapem ———-
Tu przesuwanie palcem jest naturalne, wiec siatka nie jest
potrzebna – a karty moga byc wieksze. */
@media (max-width: 767px) {
#q6pro-history { padding: 68px 0 72px 0; }
#q6pro-history-label,
#q6pro-history-title,
#q6pro-history-text { padding-left: 20px; padding-right: 20px; }
#q6pro-history-list {
display: flex;
grid-template-columns: none;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 48px 20px 8px 20px;
scroll-padding-inline: 20px;
}
#q6pro-history-list::-webkit-scrollbar { display: none; }
#q6pro-history-list div[id^=”q6pro-history-20″] {
flex: 0 0 clamp(184px, 54vw, 230px);
scroll-snap-align: center;
}
#q6pro-history-list div[id^=”q6pro-history-20″]::before { left: -8px; right: -8px; }
#q6pro-history-list div[id^=”q6pro-history-20″]:nth-child(5n+1)::before { left: -8px; }
#q6pro-history-list div[id^=”q6pro-history-20″]:nth-child(5n)::before { right: -8px; }
#q6pro-history-list div[id^=”q6pro-history-20″]:nth-child(4n+1)::before { left: -8px; }
#q6pro-history-list div[id^=”q6pro-history-20”]:nth-child(4n)::before { right: -8px; }
#q6pro-history-list div#q6pro-history-2017::before { left: 50%; }
#q6pro-history-list div#q6pro-history-2026-q6::before { right: 50%; }
#q6pro-history-list img[id^=”q6pro-history-img-„] { border-radius: 16px; padding: 10px; margin-bottom: 11px; }
#q6pro-history-list div[id^=”q6pro-history-name-„] { font-size: 16px; }
#q6pro-history-list div[id^=”q6pro-history-desc-„] { font-size: 13px; }
}
#q6pro-cw { padding: 8px 16px 42px 16px; }
#q6pro-cw-wrap { max-width: 1280px; margin: 0 auto; }
#q6pro-cw-title {
margin: 0 0 22px 0;
font-size: 32px;
line-height: 36px;
font-weight: 600;
color: #1d1d1f;
letter-spacing: -0.6px;
}
#q6pro-cw-track {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#q6pro-cw-track div[id^=”q6pro-cw-card-„] {
position: relative;
min-height: 520px;
border-radius: 32px;
overflow: hidden;
background: #ece8e2;
}
#q6pro-cw-track img[id^=”q6pro-cw-img-„] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Rozjasnienie pod tekstem – czytelnosc na dowolnym renderze */
#q6pro-cw-track div[id^=”q6pro-cw-card-„]::after {
content: „”;
position: absolute;
inset: 0 0 auto 0;
height: 56%;
z-index: 1;
pointer-events: none;
background: linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.64) 34%, rgba(255,255,255,0.00) 100%);
}
#q6pro-cw-track div[id^=”q6pro-cw-text-„] {
position: absolute;
top: 34px;
left: 32px;
right: 32px;
z-index: 2;
text-align: center;
}
#q6pro-cw-track div[id^=”q6pro-cw-head-„] {
max-width: 860px;
margin: 0 auto 10px auto;
font-size: clamp(26px, 2.4vw, 38px);
line-height: 1.05;
font-weight: 700;
color: rgba(0,0,0,0.92);
letter-spacing: -1px;
}
#q6pro-cw-track div[id^=”q6pro-cw-sub-„] {
max-width: 880px;
margin: 0 auto;
font-size: clamp(16px, 1.3vw, 19px);
line-height: 1.22;
font-weight: 500;
color: rgba(0,0,0,0.78);
letter-spacing: -0.3px;
}
#q6pro-cw-track div[id^=”q6pro-cw-sub-„] b {
font-weight: 700;
color: rgba(0,0,0,0.92);
}
/* Ponizej 1024px: jeden przewijany rzad zamiast siatki */
@media (max-width: 1023px) {
#q6pro-cw-track {
display: flex;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: none;
-ms-overflow-style: none;
padding-bottom: 8px;
}
#q6pro-cw-track::-webkit-scrollbar { display: none; }
#q6pro-cw-track div[id^=”q6pro-cw-card-„] {
flex: 0 0 88%;
scroll-snap-align: center;
min-height: 500px;
border-radius: 28px;
}
}
@media (max-width: 767px) {
#q6pro-cw { padding: 4px 12px 32px 12px; }
#q6pro-cw-title { margin-bottom: 16px; }
#q6pro-cw-track div[id^=”q6pro-cw-text-„] { top: 24px; left: 18px; right: 18px; }
#q6pro-cw-track div[id^=”q6pro-cw-head-„] { font-size: 26px; letter-spacing: -0.8px; margin-bottom: 7px; }
#q6pro-cw-track div[id^=”q6pro-cw-sub-„] { font-size: 16px; letter-spacing: -0.2px; }
}
@media (max-width: 420px) {
#q6pro-cw-track div[id^=”q6pro-cw-card-„] { flex: 0 0 90%; min-height: 460px; }
#q6pro-cw-track div[id^=”q6pro-cw-head-„] { font-size: 23px; }
#q6pro-cw-track div[id^=”q6pro-cw-sub-„] { font-size: 15px; }
}
#q6pro-core {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-core * { box-sizing: border-box; }
#q6pro-core-label,
#q6pro-core-title,
#q6pro-core-lede,
#q6pro-core-b1,
#q6pro-core-b2 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-core-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #0031ff;
margin-bottom: 16px;
}
#q6pro-core-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-core-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 56px;
padding-right: 28%;
}
/* ———- Blok: animacja obok tresci ———- */
#q6pro-core-b1,
#q6pro-core-b2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}
#q6pro-core-b2 { margin-top: 84px; padding-bottom: 88px; }
/* Drugi blok odwrocony – animacja po prawej */
#q6pro-core-fig2 { grid-column: 2; grid-row: 1; }
#q6pro-core-txt2 { grid-column: 1; grid-row: 1; }
#q6pro-core div[id^=”q6pro-core-eyebrow-„] {
font-size: 15px;
font-weight: 700;
letter-spacing: 0.01em;
color: #0031ff;
margin-bottom: 10px;
}
#q6pro-core h3 {
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.06;
letter-spacing: -0.04em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 16px 0;
}
#q6pro-core p {
font-size: 18px;
line-height: 1.55;
color: #6e6e73;
max-width: 560px;
margin: 0 0 14px 0;
}
#q6pro-core div[id^=”q6pro-core-note-„] {
margin-top: 22px;
padding: 18px 22px;
border-left: 3px solid #0031ff;
background: #f4f6ff;
border-radius: 0 14px 14px 0;
font-size: 16px;
line-height: 1.5;
color: #3f4448;
max-width: 560px;
}
#q6pro-core div[id^=”q6pro-core-note-„] b { font-weight: 700; color: #0031ff; }
/* ———- Ramki na animacje ———- */
#q6pro-core-fig1,
#q6pro-core-fig2 {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 32px;
}
#q6pro-core-fig1 iframe,
#q6pro-core-fig2 iframe {
width: 100%;
height: 100%;
border: 0;
display: block;
}
@media (max-width: 900px) {
#q6pro-core-b1,
#q6pro-core-b2 { grid-template-columns: 1fr; gap: 30px; }
#q6pro-core-fig2,
#q6pro-core-txt2 { grid-column: auto; grid-row: auto; }
#q6pro-core-b2 { margin-top: 60px; }
#q6pro-core-lede { padding-right: 24px; }
}
@media (max-width: 700px) {
#q6pro-core-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-core-lede { margin-bottom: 36px; }
#q6pro-core p { font-size: 17px; }
#q6pro-core-fig1,
#q6pro-core-fig2 { border-radius: 24px; }
#q6pro-core div[id^=”q6pro-core-note-„] { font-size: 15.5px; padding: 16px 18px; }
#q6pro-core-b2 { padding-bottom: 64px; }
}8 dysz spryskujących.
#q6pro-flat {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #1d1d1f;
color: #ffffff;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-flat * { box-sizing: border-box; }
#q6pro-flat-label,
#q6pro-flat-title,
#q6pro-flat-lede,
#q6pro-flat-stage,
#q6pro-flat-tab,
#q6pro-flat-vsnote,
#q6pro-flat-uses,
#q6pro-flat-foot {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-flat-label {
padding-top: 80px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #8aa2ff;
margin-bottom: 16px;
}
#q6pro-flat-title {
font-size: clamp(31px, 5.2vw, 58px);
line-height: 1.04;
letter-spacing: -0.045em;
font-weight: 700;
color: #ffffff;
margin-top: 0;
margin-bottom: 18px;
}
#q6pro-flat-lede {
font-size: clamp(17px, 1.55vw, 20px);
line-height: 1.55;
color: #a1a1a6;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 34px;
padding-right: 24%;
}
#q6pro-flat-lede b { color: #ffffff; font-weight: 600; }
/* ———- Duze ujecie ———- */
#q6pro-flat-stage { padding-bottom: 20px; }
/* MIEJSCE NA ZDJECIE – podmien zawartosc diva na znacznik img */
#q6pro-flat-media {
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 28px;
overflow: hidden;
background: #2a2a2e;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
font-size: 12.5px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6e6e73;
}
#q6pro-flat-stage img {
display: block;
width: 100%;
height: auto;
border-radius: 28px;
}
/* ———- Tabela: jak zachowuje sie robot przy danym nachyleniu ———-
Stopnie sa tu glownym nosnikiem informacji, wiec dostaly rozmiar
naglowka. Wiersz 0 stopni – jedyny, w ktorym kolumny sie roznia –
ma pelne niebieskie tlo po stronie Q6 PRO i czerwone po stronie
zwyklego robota. Na telefonie kazdy kat staje sie osobna karta. */
#q6pro-flat-tab {
display: grid;
grid-template-columns: 1.05fr 1fr 1fr;
padding-bottom: 22px;
}
#q6pro-flat-tab div[id^=”q6pro-flat-th-„] {
padding: 0 18px 14px 18px;
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #86868b;
}
#q6pro-flat-tab div#q6pro-flat-th-2 { color: #8aa2ff; }
#q6pro-flat-tab div[id^=”q6pro-flat-tf-„],
#q6pro-flat-tab div[id^=”q6pro-flat-ta-„],
#q6pro-flat-tab div[id^=”q6pro-flat-tb-„] {
padding: 22px 18px 22px 18px;
border-top: 1px solid rgba(255,255,255,0.14);
font-size: 16px;
line-height: 1.4;
}
/* Stopnie – najwazniejszy element calej tabeli */
#q6pro-flat-tab div[id^=”q6pro-flat-deg-„] {
font-size: clamp(38px, 4.4vw, 54px);
line-height: 1;
letter-spacing: -0.05em;
font-weight: 700;
color: #ffffff;
margin-bottom: 8px;
}
#q6pro-flat-tab div#q6pro-flat-deg-3 { color: #8aa2ff; }
#q6pro-flat-tab div[id^=”q6pro-flat-tfname-„] {
font-size: 17px;
line-height: 1.25;
letter-spacing: -0.025em;
font-weight: 700;
color: #ffffff;
}
#q6pro-flat-tab div[id^=”q6pro-flat-tfsub-„] {
margin-top: 4px;
font-size: 14.5px;
line-height: 1.4;
font-weight: 400;
color: #86868b;
}
#q6pro-flat-tab div[id^=”q6pro-flat-ta-„] { color: #a1a1a6; }
#q6pro-flat-tab div[id^=”q6pro-flat-tb-„] { color: #ffffff; }
/* Znaczniki tak / nie */
#q6pro-flat-tab div[id^=”q6pro-flat-mk”] {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
margin-bottom: 10px;
text-align: center;
font-size: 16px;
line-height: 30px;
font-weight: 700;
}
#q6pro-flat-tab div[id^=”q6pro-flat-mkyes”] { background: rgba(255,255,255,0.14); color: #ffffff; }
#q6pro-flat-tab div[id^=”q6pro-flat-mkpro”] { background: #0031ff; color: #ffffff; }
#q6pro-flat-tab div[id^=”q6pro-flat-mkno”] { background: #ff3b30; color: #ffffff; }
/* Kolumna Q6 PRO – delikatne tlo na calej wysokosci */
#q6pro-flat-tab div#q6pro-flat-th-2 { background: rgba(0,49,255,0.10); border-radius: 18px 18px 0 0; padding-top: 16px; }
#q6pro-flat-tab div#q6pro-flat-tb-1 { background: rgba(0,49,255,0.10); }
#q6pro-flat-tab div#q6pro-flat-tb-2 { background: rgba(0,49,255,0.10); }
/* Wiersz, w ktorym lezy cala roznica */
#q6pro-flat-tab div#q6pro-flat-tf-3,
#q6pro-flat-tab div#q6pro-flat-ta-3,
#q6pro-flat-tab div#q6pro-flat-tb-3 {
border-top-color: rgba(255,255,255,0.28);
padding-top: 26px;
padding-bottom: 26px;
}
#q6pro-flat-tab div#q6pro-flat-ta-3 {
background: rgba(255,59,48,0.14);
border-radius: 0 0 18px 18px;
color: #ffc9c5;
}
#q6pro-flat-tab div#q6pro-flat-tb-3 {
background: #0031ff;
border-radius: 0 0 18px 18px;
color: #ffffff;
}
/* Na pelnym niebieskim tle znacznik musi byc odwrocony */
#q6pro-flat-tab div#q6pro-flat-mkpro-3 { background: #ffffff; color: #0031ff; }
/* Podpisy kolumn – tylko na telefonie */
#q6pro-flat-tab div[id^=”q6pro-flat-lab”] {
display: none;
font-size: 11px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #86868b;
margin-bottom: 10px;
}
#q6pro-flat-tab div[id^=”q6pro-flat-lab-b”] { color: #8aa2ff; }
#q6pro-flat-tab div#q6pro-flat-lab-b3 { color: #d5deff; }
#q6pro-flat-tab div#q6pro-flat-lab-a3 { color: #ff8078; }
/* Wyjasnienie mechanizmu pod tabela */
#q6pro-flat-vsnote {
padding-bottom: 30px;
}
#q6pro-flat-vsnote-inner {
border-left: 3px solid #0031ff;
padding-left: 16px;
font-size: 16px;
line-height: 1.55;
color: #a1a1a6;
max-width: 900px;
}
#q6pro-flat-vsnote-inner b { color: #ffffff; font-weight: 600; }
/* ———- Zastosowania ———- */
#q6pro-flat-uses {
padding-bottom: 26px;
}
#q6pro-flat-useshead {
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #6e6e73;
margin-bottom: 14px;
}
#q6pro-flat-usesgrid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
#q6pro-flat-usesgrid div[id^=”q6pro-flat-u-„] {
background: #252528;
border-radius: 22px;
padding: 22px;
}
#q6pro-flat-usesgrid div[id^=”q6pro-flat-uname-„] {
font-size: 18px;
line-height: 1.2;
letter-spacing: -0.025em;
font-weight: 700;
color: #ffffff;
margin-bottom: 7px;
}
#q6pro-flat-usesgrid div[id^=”q6pro-flat-udesc-„] {
font-size: 15px;
line-height: 1.45;
color: #a1a1a6;
}
/* ———- Domkniecie ———- */
#q6pro-flat-foot {
padding-bottom: 84px;
font-size: 15px;
line-height: 1.55;
color: #6e6e73;
}
@media (max-width: 1023px) {
#q6pro-flat-usesgrid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
#q6pro-flat-lede { padding-right: 24px; }
/* Kazdy kat to osobna karta: pasek z liczba stopni, pod nim dwa pola */
#q6pro-flat-tab { grid-template-columns: 1fr 1fr; column-gap: 8px; }
#q6pro-flat-tab div[id^=”q6pro-flat-th-„] { display: none; }
#q6pro-flat-tab div[id^=”q6pro-flat-tf-„] {
grid-column: 1 / -1;
margin-top: 16px;
padding: 18px 18px 16px 18px;
background: #252528;
border-top: 0;
border-radius: 16px 16px 0 0;
}
#q6pro-flat-tab div#q6pro-flat-tf-1 { margin-top: 0; }
#q6pro-flat-tab div[id^=”q6pro-flat-deg-„] { font-size: 46px; margin-bottom: 6px; }
#q6pro-flat-tab div[id^=”q6pro-flat-ta-„],
#q6pro-flat-tab div[id^=”q6pro-flat-tb-„] {
border-top: 0;
padding: 16px;
font-size: 15.5px;
background: #252528;
}
#q6pro-flat-tab div[id^=”q6pro-flat-ta-„] { border-radius: 0 0 0 16px; }
#q6pro-flat-tab div[id^=”q6pro-flat-tb-„] { border-radius: 0 0 16px 0; background: rgba(0,49,255,0.18); }
#q6pro-flat-tab div#q6pro-flat-ta-3 { background: rgba(255,59,48,0.18); border-radius: 0 0 0 16px; }
#q6pro-flat-tab div#q6pro-flat-tb-3 { background: #0031ff; border-radius: 0 0 16px 0; }
#q6pro-flat-tab div#q6pro-flat-tf-3,
#q6pro-flat-tab div#q6pro-flat-ta-3,
#q6pro-flat-tab div#q6pro-flat-tb-3 { padding-top: 16px; padding-bottom: 16px; }
#q6pro-flat-tab div#q6pro-flat-tf-3 { padding-top: 18px; }
#q6pro-flat-tab div[id^=”q6pro-flat-lab”] { display: block; }
#q6pro-flat-media { aspect-ratio: 4 / 3; border-radius: 24px; }
#q6pro-flat-stage img { border-radius: 24px; }
}
@media (max-width: 700px) {
#q6pro-flat-label { padding-top: 56px; font-size: 12px; margin-bottom: 12px; }
#q6pro-flat-lede { margin-bottom: 26px; }
#q6pro-flat-vsnote-inner { font-size: 15.5px; }
#q6pro-flat-usesgrid { gap: 12px; }
#q6pro-flat-usesgrid div[id^=”q6pro-flat-u-„] { border-radius: 18px; padding: 18px; }
#q6pro-flat-foot { padding-bottom: 64px; }
}Jedyny kwadratowy robot,
#q6pro-suc {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-suc * { box-sizing: border-box; }
#q6pro-suc-label,
#q6pro-suc-title,
#q6pro-suc-lede,
#q6pro-suc-block,
#q6pro-suc-facts {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-suc-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #0031ff;
margin-bottom: 16px;
}
#q6pro-suc-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-suc-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 36px;
padding-right: 26%;
}
#q6pro-suc-lede b { color: #1d1d1f; font-weight: 600; }
/* ———- Film obok tresci ———- */
#q6pro-suc-block { padding-bottom: 26px; }
#q6pro-suc-inner {
background: #f5f5f7;
border-radius: 28px;
padding: 26px;
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 30px;
align-items: center;
}
/* Ramka na film. Proporcje 4:3 – dokladnie tyle, ile ma plik 1200×900. */
#q6pro-suc-media {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%;
border-radius: 20px;
overflow: hidden;
background: #ffffff;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
#q6pro-suc-frame {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0;
display: block;
}
#q6pro-suc-eyebrow {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
color: #0031ff;
margin-bottom: 6px;
}
#q6pro-suc-block h3 {
font-size: clamp(23px, 2.4vw, 31px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
}
#q6pro-suc-block p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0 0 12px 0;
}
#q6pro-suc-block b { color: #1d1d1f; font-weight: 600; }
#q6pro-suc-note {
margin-top: 16px;
border-left: 3px solid #0031ff;
padding-left: 14px;
font-size: 16px;
line-height: 1.5;
color: #1d1d1f;
}
/* ———- W skrocie: pytanie i odpowiedz ———- */
#q6pro-suc-facts { padding-bottom: 84px; }
#q6pro-suc-facts-head {
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #86868b;
margin-bottom: 14px;
}
#q6pro-suc-facts div[id^=”q6pro-suc-fact-„] {
display: grid;
grid-template-columns: 1fr 1.25fr;
gap: 10px 32px;
padding: 18px 0 18px 0;
border-top: 1px solid #e3e3e6;
}
#q6pro-suc-fact-3 { border-bottom: 1px solid #e3e3e6; }
#q6pro-suc-facts div[id^=”q6pro-suc-q-„] {
font-size: clamp(16.5px, 1.6vw, 19px);
line-height: 1.3;
letter-spacing: -0.02em;
font-weight: 700;
color: #1d1d1f;
}
#q6pro-suc-facts div[id^=”q6pro-suc-a-„] {
font-size: 16.5px;
line-height: 1.5;
color: #6e6e73;
}
#q6pro-suc-facts div[id^=”q6pro-suc-a-„] b { color: #0031ff; font-weight: 700; }
@media (max-width: 860px) {
#q6pro-suc-lede { padding-right: 24px; }
/* Film od krawedzi do krawedzi karty – inaczej na telefonie jest
za maly. Karta oddaje boczny padding tekstowi. */
#q6pro-suc-inner {
grid-template-columns: 1fr;
gap: 22px;
padding: 0 0 24px 0;
}
#q6pro-suc-media {
border-radius: 28px 28px 0 0;
box-shadow: none;
}
#q6pro-suc-txt {
padding-left: 22px;
padding-right: 22px;
}
#q6pro-suc-facts div[id^=”q6pro-suc-fact-„] { grid-template-columns: 1fr; gap: 6px; }
}
@media (max-width: 700px) {
#q6pro-suc-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-suc-lede { margin-bottom: 26px; }
#q6pro-suc-inner { border-radius: 24px; }
#q6pro-suc-media { border-radius: 24px 24px 0 0; }
#q6pro-suc-block p { font-size: 16px; }
#q6pro-suc-facts { padding-bottom: 64px; }
#q6pro-suc-facts div[id^=”q6pro-suc-a-„] { font-size: 16px; }
}Silnik ssący 10 000 Pa.
#q6pro-grip {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-grip * { box-sizing: border-box; }
#q6pro-grip-label,
#q6pro-grip-title,
#q6pro-grip-lede,
#q6pro-grip-block,
#q6pro-grip-up,
#q6pro-grip-foot {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-grip-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #0031ff;
margin-bottom: 16px;
}
#q6pro-grip-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-grip-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 30px;
padding-right: 26%;
}
#q6pro-grip-lede b { color: #1d1d1f; font-weight: 600; }
/* ———- Blok glowny ———- */
#q6pro-grip-block {
padding-bottom: 24px;
}
#q6pro-grip-inner {
background: #f5f5f7;
border-radius: 28px;
padding: 26px;
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 30px;
align-items: center;
}
/* MIEJSCE NA ZDJECIE – podmien zawartosc diva na znacznik img */
#q6pro-grip-media {
width: 100%;
aspect-ratio: 4 / 3;
border-radius: 20px;
overflow: hidden;
background: radial-gradient(circle at 50% 45%, #ffffff, #e6e2dc);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 16px;
font-size: 12px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #aaaaaa;
}
#q6pro-grip-block img {
display: block;
width: 100%;
height: auto;
border-radius: 20px;
}
#q6pro-grip-eyebrow {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
color: #0031ff;
margin-bottom: 6px;
}
#q6pro-grip-block h3 {
font-size: clamp(23px, 2.4vw, 31px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
}
#q6pro-grip-block p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
#q6pro-grip-note {
margin-top: 16px;
border-left: 3px solid #0031ff;
padding-left: 14px;
font-size: 16px;
line-height: 1.5;
color: #1d1d1f;
}
/* ———- Co zmienilo sie w Q6 PRO ———-
Sam system jest z serii Q6, ale w PRO gumki pracuja pod katem.
Osobny blok, bo to jedyna czesc tej sekcji, ktora jest nowa. */
#q6pro-grip-up {
padding-bottom: 26px;
}
#q6pro-grip-up-inner {
background: #f4f6ff;
border-radius: 24px;
padding: 26px;
}
#q6pro-grip-up-badge {
display: inline-block;
font-size: 11.5px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #ffffff;
background: #0031ff;
border-radius: 999px;
padding: 8px 13px;
margin-bottom: 14px;
}
#q6pro-grip-up h3 {
font-size: clamp(21px, 2.2vw, 28px);
line-height: 1.14;
letter-spacing: -0.035em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 10px 0;
}
#q6pro-grip-up p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
max-width: 820px;
}
#q6pro-grip-up b { color: #1d1d1f; font-weight: 600; }
#q6pro-grip-up-flow {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
margin-top: 18px;
}
#q6pro-grip-up-flow div[id^=”q6pro-grip-step-„] {
font-size: 14px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.01em;
color: #1d1d1f;
background: #ffffff;
border-radius: 999px;
padding: 10px 15px;
}
#q6pro-grip-up-flow div[id^=”q6pro-grip-arr-„] {
font-size: 15px;
line-height: 1;
font-weight: 700;
color: #0031ff;
}
#q6pro-grip-up-flow div#q6pro-grip-step-3 {
background: #0031ff;
color: #ffffff;
}
/* ———- Domkniecie ———- */
#q6pro-grip-foot {
padding-bottom: 76px;
}
#q6pro-grip-foot-inner {
background: #0031ff;
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 18px;
}
#q6pro-grip-foot-head {
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #bdc9ff;
}
#q6pro-grip-foot-body {
font-size: 16.5px;
line-height: 1.45;
color: #ffffff;
}
@media (max-width: 860px) {
#q6pro-grip-lede { padding-right: 24px; }
#q6pro-grip-inner { grid-template-columns: 1fr; gap: 22px; padding: 22px; }
#q6pro-grip-up-inner { padding: 22px; }
}
@media (max-width: 700px) {
#q6pro-grip-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-grip-lede { margin-bottom: 26px; }
#q6pro-grip-inner { border-radius: 24px; }
#q6pro-grip-block p { font-size: 16px; }
#q6pro-grip-up-inner { border-radius: 20px; padding: 20px; }
#q6pro-grip-up p { font-size: 16px; }
#q6pro-grip-up-flow div[id^=”q6pro-grip-step-„] { font-size: 13.5px; padding: 9px 13px; }
#q6pro-grip-foot { padding-bottom: 60px; }
#q6pro-grip-foot-inner { padding: 18px 20px; }
#q6pro-grip-foot-body { font-size: 16px; }
}Więcej płynu.
#q6pro-cloth {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-cloth * { box-sizing: border-box; }
#q6pro-cloth-label,
#q6pro-cloth-title,
#q6pro-cloth-grid,
#q6pro-cloth-zones,
#q6pro-cloth-kit {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-cloth-label {
padding-top: 8px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #0031ff;
margin-bottom: 16px;
}
#q6pro-cloth-title {
font-size: clamp(28px, 4.2vw, 46px);
line-height: 1.06;
letter-spacing: -0.04em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 34px;
}
/* ===== DWIE KARTY: STANDARDOWA I POWIEKSZONA ===== */
#q6pro-cloth-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
padding-bottom: 20px;
}
#q6pro-cloth-grid div[id^=”q6pro-cloth-card-„] {
background: #f5f5f7;
border-radius: 28px;
padding: 26px 26px 30px 26px;
}
#q6pro-cloth-grid div[id^=”q6pro-cloth-tag-„] {
display: inline-block;
font-size: 12px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6e6e73;
background: #ffffff;
border-radius: 999px;
padding: 8px 13px;
margin-bottom: 16px;
}
#q6pro-cloth-grid div#q6pro-cloth-tag-2 {
color: #ffffff;
background: #0031ff;
}
#q6pro-cloth-grid h4 {
font-size: clamp(21px, 2.1vw, 27px);
line-height: 1.15;
letter-spacing: -0.03em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 10px 0;
}
#q6pro-cloth-grid p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
/* MIEJSCE NA ZDJECIE NAKLADKI – podmien zawartosc diva na znacznik img */
#q6pro-cloth-grid div[id^=”q6pro-cloth-photo-„] {
width: 100%;
aspect-ratio: 4 / 3;
border-radius: 20px;
background: #ffffff;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 16px;
font-size: 12.5px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #b9b9bf;
margin-bottom: 20px;
}
#q6pro-cloth-grid img {
display: block;
width: 100%;
height: auto;
border-radius: 20px;
margin-bottom: 20px;
}
/* ===== PASEK: BUDOWA MATERIALU ===== */
#q6pro-cloth-zones {
padding-top: 0;
padding-bottom: 20px;
}
#q6pro-cloth-zones-inner {
background: #1d1d1f;
border-radius: 28px;
padding: 30px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: center;
}
#q6pro-cloth-zones h3 {
font-size: clamp(22px, 2.4vw, 30px);
line-height: 1.14;
letter-spacing: -0.03em;
font-weight: 700;
color: #ffffff;
margin: 0 0 12px 0;
}
#q6pro-cloth-zones p {
font-size: 16.5px;
line-height: 1.55;
color: #a1a1a6;
margin: 0;
}
#q6pro-cloth-zones b { color: #ffffff; font-weight: 600; }
/* MIEJSCE NA ZDJECIE NAKLADKI ZE SCHEMATEM STREF
– podmien zawartosc diva na znacznik img */
#q6pro-cloth-fig {
width: 100%;
aspect-ratio: 4 / 3;
border-radius: 20px;
background: #2a2a2e;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 16px;
font-size: 12.5px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #6e6e73;
}
#q6pro-cloth-zones img {
display: block;
width: 100%;
height: auto;
border-radius: 20px;
}
/* ===== PASEK ZESTAWU ===== */
#q6pro-cloth-kit {
padding-bottom: 88px;
}
#q6pro-cloth-kit-inner {
background: #f7f5f2;
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 18px;
}
#q6pro-cloth-kit-head {
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #0031ff;
}
#q6pro-cloth-kit-body {
font-size: 17px;
line-height: 1.45;
color: #1d1d1f;
font-weight: 600;
}
#q6pro-cloth-kit-note {
font-size: 15px;
line-height: 1.45;
color: #6e6e73;
}
@media (max-width: 860px) {
#q6pro-cloth-grid { grid-template-columns: 1fr; gap: 14px; }
#q6pro-cloth-zones-inner { grid-template-columns: 1fr; gap: 22px; padding: 24px; }
#q6pro-cloth-fig { aspect-ratio: 4 / 3; }
}
@media (max-width: 700px) {
#q6pro-cloth-label { font-size: 12px; margin-bottom: 12px; }
#q6pro-cloth-title { margin-bottom: 26px; }
#q6pro-cloth-kit { padding-bottom: 64px; }
#q6pro-cloth-grid div[id^=”q6pro-cloth-card-„] { border-radius: 24px; padding: 22px 22px 26px 22px; }
#q6pro-cloth-grid p { font-size: 16px; }
#q6pro-cloth-zones p { font-size: 16px; }
#q6pro-cloth-kit-inner { padding: 18px 20px; }
#q6pro-cloth-kit-body { font-size: 16px; }
}Dwa rodzaje nakładek.
Zewnętrzne części myją.
#q6pro-fe {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-fe * { box-sizing: border-box; }
/* ———- Naglowek ———- */
#q6pro-fe-label,
#q6pro-fe-title,
#q6pro-fe-lede,
#q6pro-fe-parts,
#q6pro-fe-block,
#q6pro-fe-foot {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-fe-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #0031ff;
margin-bottom: 16px;
}
#q6pro-fe-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-fe-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 30px;
padding-right: 26%;
}
#q6pro-fe-lede b { color: #1d1d1f; font-weight: 600; }
/* ———- Lista skladnikow ———- */
#q6pro-fe-parts {
padding-bottom: 44px;
}
#q6pro-fe-parts-head {
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #86868b;
margin-bottom: 14px;
}
#q6pro-fe-parts div[id^=”q6pro-fe-part-„] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 12px;
padding: 16px 0 16px 0;
border-top: 1px solid #e3e3e6;
}
#q6pro-fe-part-2 { border-bottom: 1px solid #e3e3e6; }
#q6pro-fe-parts div[id^=”q6pro-fe-pnum-„] {
flex: 0 0 auto;
font-size: 12px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.1em;
color: #ffffff;
background: #1d1d1f;
border-radius: 999px;
padding: 7px 11px;
}
#q6pro-fe-parts div[id^=”q6pro-fe-pname-„] {
flex: 0 0 auto;
font-size: clamp(17px, 1.7vw, 20px);
line-height: 1.3;
letter-spacing: -0.02em;
font-weight: 700;
color: #1d1d1f;
}
#q6pro-fe-parts div[id^=”q6pro-fe-pnote-„] {
flex: 1 1 240px;
font-size: 16px;
line-height: 1.45;
color: #6e6e73;
}
#q6pro-fe-parts em {
font-style: normal;
color: #86868b;
}
#q6pro-fe-pflag-2 {
flex: 0 0 auto;
font-size: 11.5px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #ffffff;
background: #0031ff;
border-radius: 999px;
padding: 7px 11px;
}
/* ———- Rozwiniety blok: Edge Rotation System ———- */
#q6pro-fe-block {
padding-bottom: 26px;
}
#q6pro-fe-block-inner {
background: #f5f5f7;
border-radius: 28px;
padding: 26px;
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 30px;
align-items: center;
}
/* ———- RAMKA NA FILM ———-
PROPORCJE USTAWIASZ TU, jedna liczba w padding-bottom:
100% – kwadrat 1:1
75% – 4:3 (ustawienie domyslne)
56.25% – 16:9 (film szeroki)
177.78% – 9:16 (film pionowy, nagrany telefonem)
Jesli nie trafisz idealnie, po bokach pojawi sie rowny pas
w kolorze karty – nic sie nie rozjedzie, film zostanie caly. */
#q6pro-fe-media {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 20px;
overflow: hidden;
background: #ffffff;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
#q6pro-fe-frame {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0;
display: block;
}
#q6pro-fe-eyebrow {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
color: #0031ff;
margin-bottom: 6px;
}
#q6pro-fe-block h3 {
font-size: clamp(23px, 2.4vw, 31px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
}
#q6pro-fe-block p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
#q6pro-fe-note {
margin-top: 16px;
border-left: 3px solid #0031ff;
padding-left: 14px;
font-size: 16px;
line-height: 1.5;
color: #1d1d1f;
}
/* ———- Domkniecie ———- */
#q6pro-fe-foot {
padding-bottom: 76px;
}
#q6pro-fe-foot-inner {
background: #0031ff;
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 18px;
}
#q6pro-fe-foot-head {
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #bdc9ff;
}
#q6pro-fe-foot-body {
font-size: 16.5px;
line-height: 1.45;
font-weight: 600;
color: #ffffff;
}
@media (max-width: 860px) {
#q6pro-fe-lede { padding-right: 24px; }
/* FILM NA TELEFONIE IDZIE OD KRAWEDZI DO KRAWEDZI KARTY.
Karta traci boczny padding, a dostaje go sam tekst – dzieki
temu film jest o okolo 15% szerszy niz w poprzedniej wersji
i, co wazniejsze, jego wysokosc liczy sie od pelnej szerokosci.
(Ujemne marginesy dalyby ten sam efekt wizualnie, ale procentowy
padding liczy sie od szerokosci RODZICA – film bylby szerszy,
a proporcje zostalyby stare i film by sie splaszczyl.) */
#q6pro-fe-block-inner {
grid-template-columns: 1fr;
gap: 22px;
padding: 0 0 24px 0;
}
#q6pro-fe-media {
border-radius: 28px 28px 0 0;
box-shadow: none;
}
#q6pro-fe-block-txt {
padding-left: 22px;
padding-right: 22px;
}
}
@media (max-width: 700px) {
#q6pro-fe-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-fe-lede { margin-bottom: 26px; }
#q6pro-fe-parts { padding-bottom: 34px; }
#q6pro-fe-parts div[id^=”q6pro-fe-part-„] { padding: 14px 0 14px 0; }
#q6pro-fe-parts div[id^=”q6pro-fe-pnote-„] { font-size: 15.5px; flex-basis: 100%; }
#q6pro-fe-block-inner { border-radius: 24px; }
#q6pro-fe-media { border-radius: 24px 24px 0 0; }
#q6pro-fe-block p { font-size: 16px; }
#q6pro-fe-foot { padding-bottom: 60px; }
#q6pro-fe-foot-inner { padding: 18px 20px; }
#q6pro-fe-foot-body { font-size: 16px; }
}Cała szyba.
#q6pro-nav {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-nav * { box-sizing: border-box; }
/* ———- Naglowek ———- */
#q6pro-nav-label,
#q6pro-nav-title,
#q6pro-nav-lede {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-nav-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #86868b;
margin-bottom: 16px;
}
#q6pro-nav-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-nav-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 40px;
padding-right: 30%;
}
/* ———- Uklad: schemat obok tresci ———- */
#q6pro-nav-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px 80px 24px;
}
/* ———- Schemat trasy (czysty CSS) ———- */
#q6pro-nav-pane {
position: relative;
width: 100%;
aspect-ratio: 16 / 10;
border-radius: 24px;
background: linear-gradient(145deg, #ffffff 0%, #f1f3f4 55%, #e9ecee 100%);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.07);
overflow: hidden;
}
#q6pro-nav-route {
position: absolute;
left: 12%;
right: 12%;
top: 15%;
bottom: 15%;
}
/* Pasy przejazdu */
#q6pro-nav-route div[id^=”q6pro-nav-bar-„] {
position: absolute;
height: 3px;
background: #1d1d1f;
border-radius: 999px;
}
#q6pro-nav-bar-1 { top: 0; left: 0; right: 9.6%; transform: translateY(-1.5px); }
#q6pro-nav-bar-2 { top: 33.34%; left: 9.6%; right: 9.6%; transform: translateY(-1.5px); }
#q6pro-nav-bar-3 { top: 66.67%; left: 9.6%; right: 9.6%; transform: translateY(-1.5px); }
#q6pro-nav-bar-4 { top: 100%; left: 0; right: 9.6%; transform: translateY(-1.5px); }
/* Nawroty na koncach pasow */
#q6pro-nav-route div[id^=”q6pro-nav-turn-„] {
position: absolute;
width: 9.6%;
height: 33.34%;
border: 3px solid #1d1d1f;
}
#q6pro-nav-turn-1 {
right: 0; top: 0;
border-left: 0;
border-radius: 0 999px 999px 0;
}
#q6pro-nav-turn-2 {
left: 0; top: 33.34%;
border-right: 0;
border-radius: 999px 0 0 999px;
}
#q6pro-nav-turn-3 {
right: 0; top: 66.67%;
border-left: 0;
border-radius: 0 999px 999px 0;
}
/* Powrot do punktu startu – start i meta wypadaja w tym samym miejscu */
#q6pro-nav-back {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
border-left: 2px dashed #b9bfc3;
}
#q6pro-nav-dot {
position: absolute;
left: 0;
top: 0;
width: 13px;
height: 13px;
margin-left: -6.5px;
margin-top: -6.5px;
border-radius: 50%;
background: #1d1d1f;
box-shadow: 0 0 0 4px #ffffff;
}
#q6pro-nav-caption {
font-size: 13.5px;
line-height: 1.45;
color: #86868b;
margin: 14px 0 0 0;
padding: 0 2px;
}
/* ———- Dwa bloki tresci ———- */
#q6pro-nav-copy {
display: flex;
flex-direction: column;
gap: 30px;
padding-top: 6px;
}
#q6pro-nav-copy div[id^=”q6pro-nav-block-„] {
border-top: 1px solid #e3e3e6;
padding-top: 22px;
}
#q6pro-nav-copy div[id^=”q6pro-nav-name-„] {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
color: #86868b;
margin-bottom: 6px;
}
#q6pro-nav-copy h3 {
font-size: clamp(21px, 2.1vw, 27px);
line-height: 1.15;
letter-spacing: -0.03em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 10px 0;
}
#q6pro-nav-copy p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
@media (max-width: 860px) {
#q6pro-nav-row { grid-template-columns: 1fr; gap: 34px; }
#q6pro-nav-lede { padding-right: 24px; }
}
@media (max-width: 700px) {
#q6pro-nav-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-nav-lede { margin-bottom: 30px; }
#q6pro-nav-row { padding: 0 24px 64px 24px; gap: 28px; }
#q6pro-nav-copy { gap: 26px; }
#q6pro-nav-copy p { font-size: 16px; }
#q6pro-nav-pane { border-radius: 20px; }
}
#q6pro-sf {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-sf * { box-sizing: border-box; }
/* ———- Naglowek ———- */
#q6pro-sf-label,
#q6pro-sf-title,
#q6pro-sf-lede {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-sf-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #86868b;
margin-bottom: 16px;
}
#q6pro-sf-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-sf-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 36px;
padding-right: 30%;
}
/* ———- Siatka czterech zabezpieczen ———- */
#q6pro-sf-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
#q6pro-sf-grid div[id^=”q6pro-sf-card-„] {
background: #f5f5f7;
border-radius: 24px;
padding: 28px 28px 30px 28px;
}
#q6pro-sf-grid div[id^=”q6pro-sf-head-„] {
margin-bottom: 12px;
}
#q6pro-sf-grid h3 {
font-size: clamp(20px, 1.9vw, 25px);
line-height: 1.18;
letter-spacing: -0.03em;
font-weight: 700;
color: #1d1d1f;
margin: 16px 0 0 0;
}
#q6pro-sf-grid div[id^=”q6pro-sf-name-„] {
font-size: 13.5px;
font-weight: 600;
letter-spacing: 0.01em;
color: #86868b;
margin-bottom: 8px;
}
#q6pro-sf-grid p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
/* ———- Kafel ikony ———- */
#q6pro-sf-grid div[id^=”q6pro-sf-icon-„] {
position: relative;
width: 52px;
height: 52px;
flex: 0 0 auto;
border-radius: 15px;
background: #1d1d1f;
}
/* IKONA 1 – docisk: sila naciskajaca na tafle */
#q6pro-sf-g1 { /* szyba */
position: absolute;
left: 50%;
bottom: 14px;
width: 26px;
height: 2px;
margin-left: -13px;
background: #ffffff;
border-radius: 1px;
}
#q6pro-sf-g2 { /* kierunek nacisku */
position: absolute;
left: 50%;
top: 14px;
width: 2px;
height: 15px;
margin-left: -1px;
background: #ffffff;
border-radius: 1px;
}
#q6pro-sf-g3 { /* grot */
position: absolute;
left: 50%;
top: 24px;
width: 9px;
height: 9px;
margin-left: -4.5px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(45deg);
}
/* IKONA 3 – czujnik: punkt pomiarowy i dwie fale */
#q6pro-sf-w1 { /* punkt pomiarowy */
position: absolute;
left: 16px;
top: 50%;
width: 7px;
height: 7px;
margin-top: -3.5px;
background: #ffffff;
border-radius: 50%;
}
#q6pro-sf-w2,
#q6pro-sf-w3 { /* fale – pierscienie z widocznym tylko prawym lukiem */
position: absolute;
left: 19px;
top: 50%;
border: 2px solid transparent;
border-right-color: #ffffff;
border-radius: 50%;
}
#q6pro-sf-w2 { width: 15px; height: 15px; margin-top: -7.5px; }
#q6pro-sf-w3 { width: 25px; height: 25px; margin-top: -12.5px; }
/* IKONA 4 – linka: dwa splecione ogniwa */
#q6pro-sf-t1,
#q6pro-sf-t2 {
position: absolute;
left: 50%;
top: 50%;
width: 23px;
height: 12px;
border: 2px solid #ffffff;
border-radius: 999px;
}
#q6pro-sf-t1 { margin-left: -15px; margin-top: -11px; transform: rotate(-42deg); }
#q6pro-sf-t2 { margin-left: -8px; margin-top: -1px; transform: rotate(-42deg); }
/* IKONA 5 – akumulator: obudowa, biegun i poziom naladowania */
#q6pro-sf-b1 { /* obudowa */
position: absolute;
left: 50%;
top: 50%;
width: 26px;
height: 15px;
margin-left: -14px;
margin-top: -7.5px;
border: 2px solid #ffffff;
border-radius: 4px;
}
#q6pro-sf-b2 { /* biegun */
position: absolute;
left: 50%;
top: 50%;
width: 3px;
height: 7px;
margin-left: 12px;
margin-top: -3.5px;
background: #ffffff;
border-radius: 0 2px 2px 0;
}
#q6pro-sf-b3 { /* poziom naladowania */
position: absolute;
left: 50%;
top: 50%;
width: 14px;
height: 7px;
margin-left: -10px;
margin-top: -3.5px;
background: #ffffff;
border-radius: 1px;
}
/* ———- Domkniecie sekcji ———- */
#q6pro-sf-foot {
max-width: 1200px;
margin: 22px auto 0 auto;
padding: 0 24px 80px 24px;
font-size: 15.5px;
line-height: 1.55;
color: #86868b;
}
@media (max-width: 860px) {
#q6pro-sf-grid { grid-template-columns: 1fr; gap: 14px; }
#q6pro-sf-lede { padding-right: 24px; }
/* Na waskim ekranie ikona wchodzi w linie z naglowkiem – inaczej
cztery kafle jeden pod drugim rozciagnelyby sekcje na kilka ekranow */
#q6pro-sf-grid div[id^=”q6pro-sf-head-„] {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 14px;
}
#q6pro-sf-grid h3 { margin-top: 0; }
#q6pro-sf-grid div[id^=”q6pro-sf-name-„] { margin-bottom: 4px; }
}
@media (max-width: 700px) {
#q6pro-sf-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-sf-lede { margin-bottom: 28px; }
#q6pro-sf-grid div[id^=”q6pro-sf-card-„] { border-radius: 22px; padding: 22px 22px 24px 22px; }
#q6pro-sf-grid p { font-size: 16px; }
#q6pro-sf-foot { padding: 0 24px 64px 24px; }
}Cztery zabezpieczenia.
#q6pro-ap {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-ap * { box-sizing: border-box; }
/* ———- Naglowek ———- */
#q6pro-ap-label,
#q6pro-ap-title,
#q6pro-ap-lede,
#q6pro-ap-row,
#q6pro-ap-pl {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-ap-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #86868b;
margin-bottom: 16px;
}
#q6pro-ap-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-ap-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 44px;
padding-right: 28%;
}
/* ———- Makieta obok tresci ———- */
#q6pro-ap-row {
display: grid;
grid-template-columns: 320px 1fr;
gap: 56px;
align-items: center;
}
/* ———- Ekran z powiadomieniami (czysty CSS) ———- */
#q6pro-ap-screen {
width: 100%;
max-width: 320px;
aspect-ratio: 9 / 16;
border-radius: 34px;
padding: 24px 18px;
background: linear-gradient(165deg, #e3eaed 0%, #ccd8de 42%, #aab9c1 100%);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
display: flex;
flex-direction: column;
gap: 12px;
}
#q6pro-ap-clock {
text-align: center;
margin-bottom: auto;
font-size: 46px;
font-weight: 600;
letter-spacing: -0.03em;
line-height: 1;
color: #ffffff;
text-shadow: 0 1px 12px rgba(0,0,0,0.18);
margin-top: 26px;
}
#q6pro-ap-screen div[id^=”q6pro-ap-note-„] {
display: flex;
gap: 11px;
align-items: flex-start;
background: rgba(255,255,255,0.88);
border-radius: 18px;
padding: 12px 13px;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
#q6pro-ap-screen div[id^=”q6pro-ap-icon-„] {
position: relative;
flex: 0 0 auto;
width: 32px;
height: 32px;
border-radius: 9px;
background: #1d1d1f;
}
#q6pro-ap-screen div[id^=”q6pro-ap-mark-„] {
position: absolute;
left: 50%;
top: 50%;
width: 13px;
height: 13px;
margin-left: -6.5px;
margin-top: -6.5px;
border: 2px solid #ffffff;
border-radius: 4px;
}
#q6pro-ap-screen div[id^=”q6pro-ap-app-„] {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #6e6e73;
margin-bottom: 2px;
}
#q6pro-ap-screen div[id^=”q6pro-ap-head-„] {
font-size: 15px;
font-weight: 700;
letter-spacing: -0.01em;
color: #1d1d1f;
margin-bottom: 2px;
}
#q6pro-ap-screen div[id^=”q6pro-ap-text-„] {
font-size: 14px;
line-height: 1.35;
color: #4b555a;
}
/* ———- Dwa bloki tresci ———- */
#q6pro-ap-copy {
display: flex;
flex-direction: column;
gap: 30px;
max-width: 620px;
}
#q6pro-ap-copy div[id^=”q6pro-ap-block-„] {
border-top: 1px solid #e3e3e6;
padding-top: 22px;
}
#q6pro-ap-copy h3 {
font-size: clamp(21px, 2.1vw, 27px);
line-height: 1.15;
letter-spacing: -0.03em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 10px 0;
}
#q6pro-ap-copy p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
/* ———- Ciemna karta: polska lokalizacja ———- */
#q6pro-ap-pl {
margin-top: 56px;
margin-bottom: 80px;
}
#q6pro-ap-plcard {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
background: #1d1d1f;
border-radius: 30px;
padding: 52px 52px 54px 52px;
}
#q6pro-ap-pleyebrow {
font-size: 12.5px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #8b9498;
margin-bottom: 14px;
}
#q6pro-ap-plhead {
font-size: clamp(26px, 3vw, 38px);
line-height: 1.1;
letter-spacing: -0.035em;
font-weight: 700;
color: #ffffff;
margin: 0 0 14px 0;
}
#q6pro-ap-pltext {
font-size: 17px;
line-height: 1.55;
color: #b7bec1;
margin: 0;
}
#q6pro-ap-bubbles {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
#q6pro-ap-bubbles div[id^=”q6pro-ap-bubble-„] {
background: rgba(255,255,255,0.09);
border: 1px solid rgba(255,255,255,0.16);
border-radius: 22px;
padding: 13px 20px;
font-size: 17px;
line-height: 1.3;
color: #ffffff;
}
#q6pro-ap-bubble-2 { margin-left: 26px; }
#q6pro-ap-bubble-3 { margin-left: 13px; }
@media (max-width: 980px) {
#q6pro-ap-row { grid-template-columns: 1fr; gap: 36px; justify-items: center; }
#q6pro-ap-copy { width: 100%; }
#q6pro-ap-plcard { grid-template-columns: 1fr; gap: 32px; padding: 40px 32px 42px 32px; }
#q6pro-ap-lede { padding-right: 24px; }
}
@media (max-width: 700px) {
#q6pro-ap-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-ap-lede { margin-bottom: 34px; }
#q6pro-ap-screen { max-width: 320px; border-radius: 30px; }
#q6pro-ap-clock { font-size: 40px; margin-top: 18px; }
#q6pro-ap-copy { gap: 26px; }
#q6pro-ap-copy p { font-size: 16px; }
#q6pro-ap-pl { margin-top: 44px; margin-bottom: 64px; }
#q6pro-ap-plcard { border-radius: 26px; padding: 32px 24px 34px 24px; }
#q6pro-ap-bubbles div[id^=”q6pro-ap-bubble-„] { font-size: 16px; padding: 12px 17px; }
#q6pro-ap-bubble-2 { margin-left: 16px; }
#q6pro-ap-bubble-3 { margin-left: 8px; }
}Wie, kiedy skończył.
Mówi po polsku.
#q6pro-cmp {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-cmp * { box-sizing: border-box; }
#q6pro-cmp-label,
#q6pro-cmp-title,
#q6pro-cmp-lede,
#q6pro-cmp-grid,
#q6pro-cmp-foot {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-cmp-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #0031ff;
margin-bottom: 16px;
}
#q6pro-cmp-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-cmp-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 34px;
padding-right: 26%;
}
/* ———- Tabela zbudowana na siatce ———- */
#q6pro-cmp-grid {
display: grid;
grid-template-columns: 1.15fr 1fr 1fr;
padding-bottom: 26px;
}
/* Naglowek kolumn */
#q6pro-cmp-grid div[id^=”q6pro-cmp-h-„] {
padding: 0 18px 14px 18px;
font-size: clamp(16px, 1.6vw, 19px);
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 700;
color: #1d1d1f;
}
#q6pro-cmp-grid div#q6pro-cmp-h-1 {
color: #0031ff;
background: #f4f6ff;
border-radius: 16px 16px 0 0;
padding-top: 16px;
}
/* Komorki */
#q6pro-cmp-grid div[id^=”q6pro-cmp-f-„],
#q6pro-cmp-grid div[id^=”q6pro-cmp-a-„],
#q6pro-cmp-grid div[id^=”q6pro-cmp-b-„] {
padding: 16px 18px 16px 18px;
border-top: 1px solid #e3e3e6;
font-size: 16px;
line-height: 1.45;
}
#q6pro-cmp-grid div[id^=”q6pro-cmp-f-„] {
font-weight: 600;
color: #1d1d1f;
}
#q6pro-cmp-grid div[id^=”q6pro-cmp-a-„] {
background: #f4f6ff;
color: #1d1d1f;
font-weight: 600;
border-top-color: #dbe1ff;
}
#q6pro-cmp-grid div[id^=”q6pro-cmp-b-„] {
color: #6e6e73;
}
/* Ostatnia komorka kolumny PRO domyka zaokraglenie */
#q6pro-cmp-grid div#q6pro-cmp-a-11 { border-radius: 0 0 16px 16px; padding-bottom: 20px; }
/* Podpisy kolumn widoczne tylko na telefonie */
#q6pro-cmp-grid div[id^=”q6pro-cmp-alab-„],
#q6pro-cmp-grid div[id^=”q6pro-cmp-blab-„] {
display: none;
font-size: 11px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
margin-bottom: 7px;
}
#q6pro-cmp-grid div[id^=”q6pro-cmp-alab-„] { color: #0031ff; }
#q6pro-cmp-grid div[id^=”q6pro-cmp-blab-„] { color: #a1a1a6; }
/* ———- Domkniecie ———- */
#q6pro-cmp-foot {
padding-bottom: 76px;
font-size: 14.5px;
line-height: 1.55;
color: #86868b;
}
@media (max-width: 860px) {
#q6pro-cmp-lede { padding-right: 24px; }
/* Cecha zajmuje caly wiersz, pod nia dwa pola obok siebie */
#q6pro-cmp-grid { grid-template-columns: 1fr 1fr; }
#q6pro-cmp-grid div[id^=”q6pro-cmp-h-„] { display: none; }
#q6pro-cmp-grid div[id^=”q6pro-cmp-f-„] {
grid-column: 1 / -1;
padding: 20px 0 10px 0;
font-size: 15px;
}
#q6pro-cmp-grid div[id^=”q6pro-cmp-a-„],
#q6pro-cmp-grid div[id^=”q6pro-cmp-b-„] {
border-top: 0;
border-radius: 14px;
padding: 14px;
font-size: 15.5px;
}
#q6pro-cmp-grid div[id^=”q6pro-cmp-b-„] { background: #f5f5f7; }
#q6pro-cmp-grid div#q6pro-cmp-a-11 { border-radius: 14px; padding-bottom: 14px; }
#q6pro-cmp-grid div[id^=”q6pro-cmp-alab-„],
#q6pro-cmp-grid div[id^=”q6pro-cmp-blab-„] { display: block; }
}
@media (max-width: 700px) {
#q6pro-cmp-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-cmp-lede { margin-bottom: 26px; }
#q6pro-cmp-foot { padding-bottom: 60px; }
}
#q6pro-kit {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-kit * { box-sizing: border-box; }
/* ———- Naglowek ———- */
#q6pro-kit-label,
#q6pro-kit-title,
#q6pro-kit-lede,
#q6pro-kit-stagewrap,
#q6pro-kit-row,
#q6pro-kit-tech,
#q6pro-kit-box,
#q6pro-kit-care {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-kit-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #86868b;
margin-bottom: 16px;
}
#q6pro-kit-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-kit-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 36px;
padding-right: 30%;
}
/* ———- Duzy render produktu ———- */
#q6pro-kit-stage {
position: relative;
width: 100%;
aspect-ratio: 3 / 2;
border-radius: 28px;
overflow: hidden;
background: radial-gradient(circle at 50% 45%, #ffffff, #ebe8e3);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.12em;
color: #aaaaaa;
}
#q6pro-kit-stage img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* ———- Konstrukcja + wyroznik UPS ———- */
#q6pro-kit-row {
display: grid;
grid-template-columns: 1fr 360px;
gap: 56px;
align-items: start;
margin-top: 44px;
}
#q6pro-kit-design h3 {
font-size: clamp(24px, 2.6vw, 33px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
}
#q6pro-kit-design p {
font-size: 17px;
line-height: 1.55;
color: #6e6e73;
max-width: 620px;
margin: 0 0 14px 0;
}
#q6pro-kit-design p:last-child { margin-bottom: 0; }
#q6pro-kit-design b { font-weight: 600; color: #1d1d1f; }
#q6pro-kit-ups {
background: #1d1d1f;
border-radius: 24px;
padding: 30px 30px 32px 30px;
}
#q6pro-kit-upsnum {
font-size: 52px;
line-height: 1;
font-weight: 700;
letter-spacing: -0.045em;
color: #ffffff;
font-variant-numeric: tabular-nums;
margin-bottom: 14px;
}
#q6pro-kit-upshead {
font-size: 17px;
font-weight: 600;
letter-spacing: -0.01em;
color: #ffffff;
margin-bottom: 8px;
}
#q6pro-kit-upstext {
font-size: 15.5px;
line-height: 1.5;
color: #a9b0b3;
}
/* ———- Dane techniczne ———- */
#q6pro-kit-tech { margin-top: 64px; }
#q6pro-kit-techhead,
#q6pro-kit-boxhead {
font-size: clamp(24px, 2.6vw, 33px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 20px 0;
}
#q6pro-kit-specs {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 48px;
}
#q6pro-kit-specs div[id^=”q6pro-kit-spec-„] {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 24px;
border-bottom: 1px solid #e3e3e6;
padding: 14px 0;
font-size: 16.5px;
}
#q6pro-kit-specs div[id^=”q6pro-kit-key-„] {
color: #6e6e73;
white-space: nowrap;
}
#q6pro-kit-specs div[id^=”q6pro-kit-val-„] {
font-weight: 600;
color: #1d1d1f;
text-align: right;
font-variant-numeric: tabular-nums;
}
/* ———- W zestawie ———- */
#q6pro-kit-box { margin-top: 60px; }
#q6pro-kit-items {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 48px;
}
#q6pro-kit-items div[id^=”q6pro-kit-item-„] {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 24px;
border-bottom: 1px solid #e3e3e6;
padding: 15px 0;
font-size: 16.5px;
}
#q6pro-kit-items div[id^=”q6pro-kit-name-„] { color: #1d1d1f; }
#q6pro-kit-items div[id^=”q6pro-kit-qty-„] {
color: #86868b;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
/* ———- Przygotowanie i konserwacja ———- */
#q6pro-kit-care {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 56px;
padding-bottom: 84px;
}
#q6pro-kit-care div[id^=”q6pro-kit-care-„] {
background: #f5f5f7;
border-radius: 24px;
padding: 28px 28px 30px 28px;
}
#q6pro-kit-care h4 {
font-size: 21px;
line-height: 1.2;
letter-spacing: -0.025em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 10px 0;
}
#q6pro-kit-care p {
font-size: 16.5px;
line-height: 1.55;
color: #6e6e73;
margin: 0;
}
@media (max-width: 960px) {
#q6pro-kit-row { grid-template-columns: 1fr; gap: 30px; }
#q6pro-kit-specs,
#q6pro-kit-items { grid-template-columns: 1fr; column-gap: 0; }
#q6pro-kit-care { grid-template-columns: 1fr; gap: 14px; }
#q6pro-kit-lede { padding-right: 24px; }
}
@media (max-width: 700px) {
#q6pro-kit-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-kit-lede { margin-bottom: 28px; }
#q6pro-kit-stage { aspect-ratio: 4 / 3; border-radius: 24px; }
#q6pro-kit-row { margin-top: 34px; }
#q6pro-kit-ups { border-radius: 22px; padding: 26px 24px 28px 24px; }
#q6pro-kit-upsnum { font-size: 44px; }
#q6pro-kit-tech { margin-top: 52px; }
#q6pro-kit-box { margin-top: 48px; }
#q6pro-kit-specs div[id^=”q6pro-kit-spec-„],
#q6pro-kit-items div[id^=”q6pro-kit-item-„] { font-size: 16px; gap: 16px; }
#q6pro-kit-care { margin-top: 44px; padding-bottom: 64px; }
#q6pro-kit-care div[id^=”q6pro-kit-care-„] { border-radius: 22px; padding: 22px 22px 24px 22px; }
#q6pro-kit-design p,
#q6pro-kit-care p { font-size: 16px; }
}Kompaktowy.
#q6pro-tr {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-tr * { box-sizing: border-box; }
/* ———- Naglowek ———- */
#q6pro-tr-label,
#q6pro-tr-title,
#q6pro-tr-lede,
#q6pro-tr-revwrap,
#q6pro-tr-test,
#q6pro-tr-war {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-tr-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #0031ff;
margin-bottom: 16px;
}
#q6pro-tr-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-tr-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 44px;
padding-right: 28%;
}
/* ———- Opinie (widget zewnetrzny) ———- */
#q6pro-tr-revhead {
font-size: clamp(22px, 2.3vw, 29px);
line-height: 1.15;
letter-spacing: -0.03em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 22px 0;
}
/* ———- Test 14 dni ———- */
#q6pro-tr-test { margin-top: 64px; }
#q6pro-tr-testcard {
display: grid;
grid-template-columns: 260px 1fr;
gap: 48px;
align-items: center;
background: #1d1d1f;
border-radius: 30px;
padding: 48px 52px 50px 52px;
}
#q6pro-tr-testnum {
font-size: clamp(56px, 7vw, 88px);
line-height: 0.95;
font-weight: 700;
letter-spacing: -0.05em;
color: #d4213d;
font-variant-numeric: tabular-nums;
}
#q6pro-tr-testunit {
display: block;
font-size: 19px;
font-weight: 600;
letter-spacing: -0.01em;
color: #8b9498;
margin-top: 10px;
}
#q6pro-tr-testhead {
font-size: clamp(24px, 2.6vw, 33px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 700;
color: #ffffff;
margin: 0 0 12px 0;
}
#q6pro-tr-testaccent { color: #d4213d; }
#q6pro-tr-testtext {
font-size: 17px;
line-height: 1.55;
color: #b7bec1;
margin: 0;
}
/* ———- Gwarancja ———- */
#q6pro-tr-war { margin-top: 20px; padding-bottom: 84px; }
#q6pro-tr-warcard {
background: #f5f5f7;
border-radius: 30px;
padding: 44px 52px 46px 52px;
display: grid;
grid-template-columns: 200px 1fr;
gap: 44px;
align-items: center;
}
/* Ta sama animowana tarcza co w panelu pod hero.
line-height: 0 kasuje pasek miejsca na linie tekstu pod obrazkiem. */
#q6pro-tr-warfig { line-height: 0; }
#q6pro-tr-warshield {
display: block;
width: 100%;
height: auto;
}
#q6pro-tr-warhead {
font-size: clamp(24px, 2.6vw, 33px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
}
#q6pro-tr-wartext {
font-size: 17px;
line-height: 1.55;
color: #6e6e73;
max-width: 720px;
margin: 0 0 30px 0;
}
#q6pro-tr-wartext b { color: #1d1d1f; font-weight: 600; }
#q6pro-tr-bar {
display: flex;
gap: 6px;
}
#q6pro-tr-bar div[id^=”q6pro-tr-seg-„] {
height: 58px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15.5px;
font-weight: 600;
letter-spacing: -0.01em;
text-align: center;
padding: 0 8px;
}
#q6pro-tr-seg-1 {
flex: 3 1 0;
background: #0031ff;
color: #ffffff;
}
#q6pro-tr-seg-2,
#q6pro-tr-seg-3 {
flex: 1 1 0;
background: #ffffff;
border: 1px dashed #b9bfc3;
color: #6e6e73;
}
@media (max-width: 960px) {
#q6pro-tr-testcard { grid-template-columns: 1fr; gap: 26px; padding: 38px 32px 40px 32px; }
#q6pro-tr-warcard { grid-template-columns: 1fr; gap: 26px; padding: 36px 32px 38px 32px; }
#q6pro-tr-warfig { justify-self: start; }
#q6pro-tr-warshield { width: 150px; }
#q6pro-tr-lede { padding-right: 24px; }
}
@media (max-width: 700px) {
#q6pro-tr-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-tr-lede { margin-bottom: 34px; }
#q6pro-tr-test { margin-top: 48px; }
#q6pro-tr-testcard { border-radius: 26px; padding: 30px 24px 32px 24px; }
#q6pro-tr-warcard { border-radius: 26px; padding: 30px 24px 32px 24px; }
#q6pro-tr-war { padding-bottom: 64px; }
#q6pro-tr-bar { gap: 4px; }
#q6pro-tr-bar div[id^=”q6pro-tr-seg-„] { height: 68px; font-size: 13.5px; border-radius: 10px; padding: 0 4px; }
#q6pro-tr-testtext,
#q6pro-tr-wartext { font-size: 16px; }
}Kupujesz na próbę.
#q6pro-acc {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
padding: 0 0 8px 0;
}
#q6pro-acc * { box-sizing: border-box; }
/* ———- Naglowek ———- */
#q6pro-acc-label,
#q6pro-acc-title,
#q6pro-acc-lede,
#q6pro-acc-grid,
#q6pro-acc-foot {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
#q6pro-acc-label {
padding-top: 72px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #86868b;
margin-bottom: 16px;
}
#q6pro-acc-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.05;
letter-spacing: -0.045em;
font-weight: 700;
color: #1d1d1f;
margin-top: 0;
margin-bottom: 16px;
}
#q6pro-acc-lede {
font-size: clamp(17px, 1.5vw, 19px);
line-height: 1.55;
color: #6e6e73;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 40px;
padding-right: 28%;
}
/* ———- Siatka kart ———- */
#q6pro-acc-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
align-items: stretch;
}
#q6pro-acc-grid div[id^=”q6pro-acc-card-„] {
display: flex;
flex-direction: column;
background: #f7f5f2;
border-radius: 28px;
padding: 18px 18px 22px 18px;
}
/* ———- Zdjecie z plakietka ———- */
#q6pro-acc-grid div[id^=”q6pro-acc-media-„] {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
border-radius: 18px;
overflow: hidden;
background: radial-gradient(circle at 50% 45%, #ffffff, #ece8e2);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 16px;
margin-bottom: 20px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.12em;
color: #aaaaaa;
}
#q6pro-acc-grid img[id^=”q6pro-acc-img-„] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#q6pro-acc-grid div[id^=”q6pro-acc-badge-„] {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
background: #1d1d1f;
color: #ffffff;
border-radius: 9px;
padding: 7px 12px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
}
/* ———- Tresc karty ———- */
#q6pro-acc-grid div[id^=”q6pro-acc-eyebrow-„] {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
color: #86868b;
margin-bottom: 6px;
padding-left: 4px;
}
#q6pro-acc-grid h3 {
font-size: clamp(24px, 2.3vw, 30px);
line-height: 1.08;
letter-spacing: -0.04em;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 8px 0;
padding-left: 4px;
}
#q6pro-acc-grid div[id^=”q6pro-acc-sub-„] {
font-size: 17.5px;
line-height: 1.25;
letter-spacing: -0.02em;
font-weight: 700;
color: #1d1d1f;
margin-bottom: 12px;
padding-left: 4px;
}
#q6pro-acc-grid p {
font-size: 16px;
line-height: 1.5;
color: #6e6e73;
margin: 0 0 20px 0;
padding-left: 4px;
flex: 1 1 auto;
}
/* ———- Wiersze wariantow / zawartosci pakietu ———- */
#q6pro-acc-grid div[id^=”q6pro-acc-var-„] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 4px 12px;
padding: 9px 4px 9px 4px;
border-top: 1px solid rgba(0,0,0,0.09);
font-size: 15px;
line-height: 1.35;
}
#q6pro-acc-grid div[id^=”q6pro-acc-varn-„] {
font-weight: 600;
color: #1d1d1f;
}
#q6pro-acc-grid div[id^=”q6pro-acc-varq-„] {
color: #86868b;
white-space: nowrap;
}
#q6pro-acc-grid div#q6pro-acc-var-2,
#q6pro-acc-grid div#q6pro-acc-var-4,
#q6pro-acc-grid div#q6pro-acc-var-7 {
border-bottom: 1px solid rgba(0,0,0,0.09);
margin-bottom: 18px;
}
/* ———- Plakietka oszczednosci (tylko karta 3) ———- */
#q6pro-acc-save {
align-self: flex-start;
background: #ffffff;
color: #1d1d1f;
border-radius: 999px;
padding: 8px 16px;
font-size: 14.5px;
font-weight: 700;
letter-spacing: -0.01em;
margin: 0 0 12px 4px;
}
#q6pro-acc-savenote {
font-size: 14.5px;
line-height: 1.45;
font-weight: 700;
color: #e0a45a;
margin: 0 0 20px 4px;
}
/* ———- Przycisk ———- */
#q6pro-acc-grid a[id^=”q6pro-acc-cta-„] {
display: block;
margin-top: auto;
background: #1d1d1f;
color: #ffffff;
border-radius: 999px;
padding: 16px 20px;
font-size: 16.5px;
font-weight: 600;
letter-spacing: -0.01em;
text-align: center;
text-decoration: none;
transition: background 0.25s ease;
}
#q6pro-acc-grid a[id^=”q6pro-acc-cta-„]:hover { background: #35353a; }
#q6pro-acc-grid a[id^=”q6pro-acc-cta-„]:focus-visible {
outline: 2px solid #0071e3;
outline-offset: 3px;
}
/* ———- Karta wyrozniona: pakiet ———-
Kazdy selektor musi byc rownie mocny co regula bazowa siatki,
czyli zawierac dwa ID plus typ – stad zapis „div#id”. */
#q6pro-acc-grid div#q6pro-acc-card-3 { background: #1d1d1f; }
#q6pro-acc-card-3 h3 { color: #ffffff; }
#q6pro-acc-card-3 p { color: #a9b0b3; }
#q6pro-acc-grid div#q6pro-acc-eyebrow-3 { color: #8b9498; }
#q6pro-acc-grid div#q6pro-acc-sub-3 { color: #ffffff; }
#q6pro-acc-grid div#q6pro-acc-badge-3 { background: #ffffff; color: #1d1d1f; }
#q6pro-acc-grid a#q6pro-acc-cta-3 {
background: #ffffff;
color: #1d1d1f;
}
#q6pro-acc-grid a#q6pro-acc-cta-3:hover { background: #e8e8ea; }
#q6pro-acc-card-3 div[id^=”q6pro-acc-var-„] { border-top-color: rgba(255,255,255,0.16); }
#q6pro-acc-grid div#q6pro-acc-var-7 { border-bottom-color: rgba(255,255,255,0.16); }
#q6pro-acc-card-3 div[id^=”q6pro-acc-varn-„] { color: #ffffff; }
#q6pro-acc-card-3 div[id^=”q6pro-acc-varq-„] { color: #8b9498; }
#q6pro-acc-grid div#q6pro-acc-media-3 {
background: radial-gradient(circle at 50% 45%, #3a3a3e, #232327);
color: #7d7d84;
}
/* ———- Domkniecie ———- */
#q6pro-acc-foot {
margin-top: 24px;
padding-bottom: 84px;
font-size: 15.5px;
line-height: 1.55;
color: #86868b;
}
@media (max-width: 980px) {
#q6pro-acc-grid { grid-template-columns: 1fr; gap: 14px; }
#q6pro-acc-lede { padding-right: 24px; }
#q6pro-acc-grid div[id^=”q6pro-acc-media-„] { aspect-ratio: 16 / 9; }
}
@media (max-width: 700px) {
#q6pro-acc-label { padding-top: 52px; font-size: 12px; margin-bottom: 12px; }
#q6pro-acc-lede { margin-bottom: 30px; }
#q6pro-acc-grid div[id^=”q6pro-acc-card-„] { border-radius: 24px; padding: 16px 16px 20px 16px; }
#q6pro-acc-grid div[id^=”q6pro-acc-media-„] { margin-bottom: 18px; border-radius: 16px; }
#q6pro-acc-grid p { font-size: 15.5px; }
#q6pro-acc-foot { padding-bottom: 64px; }
}Nakładki i płyn.
/* Font: znacznik link jest wycinany przez SaaS, ale @import wewnatrz
bloku style przechodzi. Usun, jesli sklep laduje SF Pro globalnie. */
@import url(„https://v1.fontapi.ir/css/SFProDisplay”);
#q6pro-intro-hero,
#q6pro-history,
#q6pro-cw,
#q6pro-fg {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
color: #1d1d1f;
-webkit-font-smoothing: antialiased;
}
#q6pro-intro-hero *,
#q6pro-history *,
#q6pro-cw *,
#q6pro-fg * {
box-sizing: border-box;
}
#q6pro-intro-hero-label,
#q6pro-history-label {
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #86868b;
margin: 0 0 18px 0;
}
#q6pro-intro-hero {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 88px 24px 0 24px;
overflow: hidden;
}
#q6pro-intro-hero-shade {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background: radial-gradient(78% 52% at 50% 0%, #f4f4f6 0%, #ffffff 64%);
}
#q6pro-intro-hero-content {
order: 1;
position: relative;
z-index: 2;
max-width: 900px;
width: 100%;
}
#q6pro-intro-hero-title {
font-size: clamp(38px, 6vw, 72px);
line-height: 1.03;
font-weight: 700;
letter-spacing: -0.045em;
color: #86868b;
margin: 0 0 24px 0;
}
#q6pro-intro-hero-title-accent { color: #1d1d1f; }
#q6pro-intro-hero-text {
font-size: clamp(17px, 1.5vw, 20px);
line-height: 1.52;
color: #6e6e73;
max-width: 720px;
margin: 0 auto;
letter-spacing: -0.01em;
}
#q6pro-intro-hero-text-strong { color: #1d1d1f; font-weight: 500; }
#q6pro-intro-hero-line {
width: 64px;
height: 1px;
margin: 34px auto 0 auto;
background: linear-gradient(90deg, rgba(0,0,0,0), #d2d2d7, rgba(0,0,0,0));
}
#q6pro-intro-hero-image-wrap {
order: 2;
position: relative;
z-index: 1;
margin: 48px auto 0 auto;
border-radius: 32px;
background: #fff;
overflow: hidden;
}
#q6pro-intro-hero-image {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
display: block;
}
@media (max-width: 767px) {
#q6pro-intro-hero { padding: 60px 20px 0 20px; }
#q6pro-intro-hero-label, #q6pro-history-label { font-size: 12px; margin-bottom: 14px; }
#q6pro-intro-hero-title { margin-bottom: 18px; }
#q6pro-intro-hero-line { margin-top: 28px; }
#q6pro-intro-hero-image-wrap { margin-top: 36px; border-radius: 24px; aspect-ratio: 4 / 3; }
}
Black Weeks
Taniej o
400 zł
rabat Black Weeks
🎁 Dodatek gratis
Płyn do mycia okien 1 l
o wartości 39,90 zł · w zestawie
Łącznie zyskujesz 439,90 zł
Dodatek wysyłamy w jednej paczce z produktem.
#q6pro-intro-hero { position: relative; width: 100%; overflow: hidden; display: flex; flex-direction: column; } #q6pro-intro-hero-content { order: 1; } #q6pro-intro-hero-media { order: 2; } #q6pro-intro-hero * { box-sizing: border-box; } #q6pro-intro-hero-media { width: 100%; max-width: min(1140px, 78vh); margin-left: auto; margin-right: auto; } #q6pro-intro-hero-image-wrap { position: relative; width: 100%; height: 0; padding-bottom: 100%; /* 1:1 – tyle, ile ma plik mp4 */ overflow: hidden; } #q6pro-intro-hero-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; display: block; } #q6pro-intro-hero-shade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; } #q6pro-intro-hero-content { position: relative; z-index: 2; } #q6pro-intro-hero-title { margin-top: 0; } #q6pro-intro-hero-title-accent { display: inline-block; } #q6pro-intro-hero-text-strong { font-weight: 600; } /* ———- MOBILE ———- Zadnej stalej wysokosci: ramka zostaje kwadratem i sama zmniejsza sie razem z szerokoscia ekranu. Boczny margines zeby film nie dotykal krawedzi telefonu. */ @media (max-width: 768px) { #q6pro-intro-hero-media { max-width: 100%; width: calc(100% – 32px); } }
NOWA GENERACJA COBBO
Lata rozwoju.
Jeden Q6 PRO.
Od pierwszych robotów COBBO do najbardziej zaawansowanego modelu w naszej historii. Q6 PRO jest efektem kolejnych generacji technologii rozwijanych z myślą o coraz dokładniejszym, prostszym i bardziej automatycznym myciu okien.
Standard serii PRO
Trzy lata gwarancji w cenie urządzenia.
O rok dłużej niż w pozostałych naszych modelach. Dajemy tyle, bo znamy trwałość podzespołów pracujących w serii PRO i nie mamy potrzeby zabezpieczać się krótszym terminem. Jeśli chcesz więcej, gwarancję przedłużysz do pięciu lat.
Cała seria PRO
Przedłużenie do 5 lat
EWOLUCJA ROBOTÓW DO MYCIA OKIEN COBBO
Od W110-S do Q6 PRO.
Każda kolejna generacja rozwijała rozwiązania poprzedniej. W 2026 roku dochodzimy do Q6 PRO — następcy Q6 i najbardziej zaawansowanego robota do mycia okien COBBO.
2017
COBBO W110-S
Początek naszej historii robotów do mycia okien.
2019
COBBO i3
Kolejna generacja automatycznego mycia szyb.
2020
COBBO e3
Rozwój konstrukcji i sposobu prowadzenia po szybie.
2021
COBBO i4
Pierwszy robot COBBO z automatycznym spryskiwaniem powirezchni.
2022
COBBO i5
Dalszy rozwój automatycznego spryskiwania okien.
2023
COBBO e5
Przepływowy system spryskiwania powierzchni do ciężkich zabrudzeń.
2024
COBBO e6 Slim
Smuklejsza konstrukcja i Dual Perfect Spray.
2025
COBBO Q6
Anti-Wind Spray System oraz Double Anti-Slip.
2026
COBBO e6 PRO
Pierwszy w Polsce okrągły robot, który jeździ w zakresie od 0 do 180°.
2026
COBBO Q6 PRO
Najbardziej zaawansowany robot do mycia okien COBBO.
Co go wyróżnia.
Koniec ze smugami.
Active Dynamic Glide™ – oscylajacyjny ruch ściereczek imitujący pracę ludzkich dłoni, synchronizowany z kierunkiem jazdy.
Jedyny kwadratowy robot, który jeździ po płaskim dachu.
Duże przeszklenia pionowe, okna dachowe i całkowicie płaskie dachy – bez zatrzymania.
8 dysz spryskujących.
Spray Pulse 8 Technology™ – zapewnia równomierne pokrycie mytej powierzchni.
Czysto aż do krawędzi.
Edge Rotation System™ – zwiększona efektywność mycia przy krawędziach okien.
SERCE UKŁADU CZYSZCZĄCEGO
8 dysz spryskujących.
I ściereczka, która pracuje.
O tym, czy po przejeździe zostaną smugi, decydują dwie rzeczy: ile płynu trafi na szybę i co ściereczka z nim zrobi. Q6 PRO ma na jedno i drugie osobną technologię.
Spray Pulse 8™
Wielokierunkowy natrysk, który przygotowuje szybę do perfekcyjnego mycia.
Dwie precyzyjnie rozmieszczone dysze po obu stronach korpusu tworzą rozgałęziony strumień, który równomiernie pokrywa szerokość przejazdu robota.
Suchej szyby nie da się umyć, można ją tylko rozetrzeć. Spray Pulse 8™ zapewnia optymalne przygotowanie powierzchni, pomagając skuteczniej usuwać zabrudzenia i pozostawiać szybę czystą oraz lśniącą.
Anti-Wind Spray System 3.0 — konstrukcja dysz utrzymuje strumień na szybie także przy wietrznej pogodzie, kiedy zwykły natrysk byłby zdmuchiwany w bok.
Active Dynamic Glide™
Ruch oscylacyjny. Tak jak myje ręka.
To nie jest bierne przesuwanie materiału po szybie. Ściereczka oscyluje — tam i z powrotem, zawsze wzdłuż kierunku jazdy, czyli wykonuje dokładnie ten ruch, który robi ręka trzymająca szmatkę. Ten sam centymetr tafli zostaje przez to przetarty wielokrotnie, a nie raz.
Stąd bierze się różnica między przetarciem a domyciem — mniej smug i mniej charakterystycznego wzoru „skóry węża”, który zostaje po jednym przejściu.
ZAKRES PRACY 0–180°
Jedyny kwadratowy robot,
który jedzie po płaskiej tafli.
Roboty do okien projektuje się pod pion. Na poziomej szybie tracą punkt odniesienia i gubią trasę. Q6 PRO pracuje w pełnym zakresie od 0 do 180 stopni — tak samo pewnie na oknie, na skośnym świetliku i na tafli leżącej zupełnie płasko.
Nachylenie tafli
Typowy robot do okien
COBBO Q6 PRO
90°
Szyba pionowa
Zwykłe okno w ścianie.
Typowy robot
✓
Pracuje normalnie.
Q6 PRO
✓
Pracuje normalnie.
45°
Skośne przeszklenie
Okno dachowe, połać oranżerii.
Typowy robot
✓
Zwykle sobie radzi.
Q6 PRO
✓
Pracuje normalnie.
0-10°
Tafla pozioma
Świetlik, szklany dach, przeszklone zadaszenie.
Typowy robot
✗
Nie działa. Traci punkt odniesienia: jedzie na oślep albo staje w połowie tafli.
Q6 PRO
✓
Pracuje tak samo równo jak na pionowej szybie.
Zwykły robot do okien ustala kierunek jazdy z żyroskopu — odczytuje, gdzie jest góra, i dopiero od tego planuje całą ścieżkę. Na poziomej tafli nie ma góry ani dołu, więc ten punkt odniesienia znika. Q6 PRO prowadzi trasę inaczej i dlatego pracuje pod każdym kątem nachylenia.
Co dzięki temu umyjesz
Oranżerie
Połacie i przeszklenia, do których z drabiny się nie sięga.
Świetliki
Poziome przeszklenia w stropie, myte dotąd tylko z rusztowania.
Szklane dachy
Zadaszenia tarasów i wiat — duże powierzchnie, mały kąt nachylenia.
Ogrody zimowe
Ściany i dach w jednym przejściu, bez zmiany sprzętu.
Ten sam robot, ten sam zestaw, to samo sterowanie. Zmienia się tylko powierzchnia, na której go kładziesz.
SIŁA SSĄCA I BAROMETR
Silnik ssący 10 000 Pa.
I barometr, który nim steruje.
Za przyleganie robota do szyby odpowiada turbina ssąca. W Q6 PRO ma wydajność 10 000 Pa. O smugach nie decyduje jednak sama moc, tylko to, jak precyzyjnie jest dawkowana — i tym zajmuje się barometr.
Barometr Q6 PRO
Docisk mierzony i korygowany w trakcie pracy.
Wbudowany barometr kontroluje podciśnienie przez cały przejazd i dopasowuje pracę turbiny do szyby, na której robot aktualnie jest. To nie jest jedno ustawienie wpisane raz na zawsze.
Za słabe przyleganie grozi zsunięciem. Za mocne — smugami: nakładka jest wtedy dociskana nadmiernie, rozciera płyn zamiast go zbierać, a robot zwalnia. Dobre ustawienie jest inne na każdej tafli, więc musi być korygowane na bieżąco.
Nie chodzi o to, żeby trzymać się szyby najmocniej, jak się da. Chodzi o to, żeby trzymać się dokładnie tak mocno, jak trzeba — przez cały przejazd.
W skrócie
Jaką moc ssącą ma COBBO Q6 PRO?
Silnik ssący ma wydajność 10 000 Pa. To parametr jednostki napędowej — moc, którą układ dysponuje i z której korzysta w zależności od warunków na szybie.
Po co robotowi do mycia okien barometr?
Mierzy podciśnienie i na bieżąco koryguje pracę turbiny. Dzięki temu przyleganie jest dopasowane do konkretnej tafli, a nie ustawione sztywno.
Co to daje przy myciu?
Mniej smug. Nadmierny docisk rozciera płyn po szybie zamiast go zbierać — sterowanie mocą ssania ogranicza powstawanie smug i utrzymuje równe tempo przejazdu.
PRZYCZEPNOŚĆ
Więcej płynu.
Bez ślizgania.
Naprawdę brudną szybę — tę po zimie — trzeba wyszorować: więcej płynu i porządnie zwilżona nakładka. I tu większość robotów ma problem. Im więcej wody na szybie, tym łatwiej tracą przyczepność, ślizgają się i gubią tor jazdy — a po takim myciu zostają pominięte miejsca i smugi.
Double Anti-Slip Rubber System™
Trzyma się szyby także wtedy, gdy jest mokra.
Przy końcach każdej gąsienicy siedzą profilowane ściągaczek. Ściągają wodę z pasa, po którym za chwilę pojedzie napęd, więc gąsienica ma kontakt z szybą, a nie z warstwą płynu. Działa to w obie strony jazdy.
Efekt jest prosty: możesz myć naprawdę na mokro, kiedy szyba tego wymaga, zamiast oszczędzać płyn i puścić robota drugi raz.
Nowość w Q6 PRO
Ściągaczki ustawione pod kątem.
Względem Q6 zmieniło się ich ustawienie: w Q6 PRO gumki pracują pod kątem, a nie prostopadle do kierunku jazdy. Dzięki temu jeszcze mniej wody dociera do gąsienic — płyn jest sprowadzany z powrotem na szybę, a stamtąd trafia na nakładkę, zamiast marnować się pod napędem. Efekt: lepsza przyczepność na jeszcze bardziej mokrej szybie i lepiej wykorzystany płyn.
Ściągaczki pod kątem
→
Woda wraca na szybę
→
Trafia na nakładkę
Od serii Q6
Ten system wprowadziliśmy jako jedni z pierwszych na rynku i rozwijamy go w kolejnych generacjach robotów COBBO.
NAKŁADKI W ZESTAWIE
Dwa rodzaje nakładek.
Dopasowane do każdego zadania.
Standardowa
NanoTex CR™
Do regularnego mycia okien lekko i średnio zabrudzonych. Dopasowana do obrysu robota — to nakładka do codziennej pracy na tafli.
Powiększona
Edge Pro™
Do okien mocno zabrudzonych, np. po zimie, i do gruntownego czyszczenia. Materiał wychodzi poza obudowę robota, więc lepiej domywa krawędzie i rogi okien oraz uszczelki i krawędzie ramy.
Zewnętrzne części myją.
Środkowe polerują.
NanoTex CR™ i Edge Pro™ mają tę samą budowę materiału — różnią się rozmiarem i przeznaczeniem, nie sposobem pracy. Zewnętrzne partie mikrowłókna zbierają brud i myją na mokro, środkowe są wykończone tak, by polerować szybę do sucha. Mycie i polerowanie dzieją się w jednym przejeździe, a nie w dwóch osobnych.
KRAWĘDŹ, USZCZELKA, RAMA
Cała szyba.
Aż do ramy.
Przy myciu ręcznym pas przy ramie zostawia się na koniec i zwykle robi się go najgorzej — a to właśnie po nim najbardziej widać, że okno było myte. FullEdge Clean™ to odpowiedź Q6 PRO na te ostatnie centymetry: dokładne mycie przy krawędzi, uszczelce i wewnętrznej części ramy.
Składają się na to dwa elementy
01
Nakładka Edge Pro™
Sięga poza obudowę robota, więc materiał dochodzi do uszczelki i wewnętrznej części ramy. Opisana wyżej.
02
Edge Rotation System™
Nowość
Obracające się tarcze krawędziowe na czujnikach krawędzi.
Edge Rotation System
Tarcze, które kręcą się przy samej krawędzi.
Krawędziowe tarcze czyszczące są zamontowane bezpośrednio na czujnikach krawędzi — czyli w tych punktach korpusu, które jako pierwsze dochodzą do ramy. Obracają się podczas pracy i wspomagają usuwanie zabrudzeń w tym wąskim pasie, w którym liczy się największa precyzja.
Sama nakładka dojeżdża do ramy. Tarcze dokładają tam ruch obrotowy, którego przejazd w linii prostej nie daje.
Efekt
Większy zasięg nakładki plus obrót tarcz przy krawędzi — dokładniejsze mycie przy ramie, krawędziach i uszczelce.
#q6pro-dyk {
font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, „Segoe UI”, Arial, sans-serif !important;
background: #ffffff;
-webkit-font-smoothing: antialiased;
padding: 8px 0 8px 0;
}
#q6pro-dyk * { box-sizing: border-box; }
#q6pro-dyk-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
#q6pro-dyk-inner {
background: #0031ff;
border-radius: 28px;
padding: 44px 48px 40px 48px;
}
#q6pro-dyk-label {
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #bdc9ff;
margin-bottom: 14px;
}
#q6pro-dyk-head {
font-size: clamp(27px, 3.6vw, 46px);
line-height: 1.06;
letter-spacing: -0.04em;
font-weight: 700;
color: #ffffff;
margin: 0 0 16px 0;
max-width: 980px;
}
#q6pro-dyk-text {
font-size: clamp(16.5px, 1.5vw, 18.5px);
line-height: 1.55;
color: #d5deff;
margin: 0 0 32px 0;
max-width: 880px;
}
#q6pro-dyk-text b { color: #ffffff; font-weight: 600; }
/* ———- Trzy liczby ———- */
#q6pro-dyk-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
#q6pro-dyk-stats div[id^=”q6pro-dyk-s-„] {
background: rgba(255,255,255,0.12);
border-radius: 20px;
padding: 22px 22px 24px 22px;
}
#q6pro-dyk-stats div[id^=”q6pro-dyk-num-„] {
font-size: clamp(32px, 4vw, 48px);
line-height: 1;
letter-spacing: -0.045em;
font-weight: 700;
color: #ffffff;
margin-bottom: 10px;
font-variant-numeric: tabular-nums;
}
#q6pro-dyk-stats div[id^=”q6pro-dyk-cap-„] {
font-size: 15px;
line-height: 1.4;
color: #bdc9ff;
}
@media (max-width: 860px) {
#q6pro-dyk-inner { padding: 30px 24px 28px 24px; border-radius: 24px; }
#q6pro-dyk-stats { grid-template-columns: 1fr; gap: 10px; }
#q6pro-dyk-stats div[id^=”q6pro-dyk-s-„] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 14px;
padding: 18px 20px;
}
#q6pro-dyk-stats div[id^=”q6pro-dyk-num-„] { margin-bottom: 0; }
#q6pro-dyk-stats div[id^=”q6pro-dyk-cap-„] { flex: 1 1 160px; }
#q6pro-dyk-text { margin-bottom: 24px; }
}
Czy wiesz, że…
Na rynku nie ma drugiego robota, który wjedzie na dach o nachyleniu poniżej 7°.
Roboty do mycia okien potrzebują spądu — przy bardzo małym nachyleniu tracą punkt odniesienia i albo jadą na oślep, albo stają w połowie tafli. Q6 PRO zaczyna pracę od zera stopni, na szkle leżącym zupełnie płasko. To jedyny kwadratowy robot na rynku, który to potrafi — i dlatego jako jedyny wjeżdża na świetliki, oranżerie i szklane zadaszenia tarasów.
0°
Minimalne nachylenie tafli. Konkurencja potrzebuje co najmniej kilku stopni.
10 000 Pa
Maksymalna siła ssania silnika. Tyle trzyma robota na szybie przez cały czas pracy.
180°
Pełny zakres nachylenia, w którym urządzenie pracuje tak samo.
BEZPIECZEŃSTWO PRACY
Cztery zabezpieczenia.
Jedno zadanie.
Robot pracuje na pionowej szybie, często kilka metrów nad ziemią. To jedyne pytanie, które naprawdę zatrzymuje ludzi przed zakupem — dlatego Q6 PRO zabezpiecza się na cztery niezależne sposoby, które działają jednocześnie.
Docisk mierzony na bieżąco.
Barometr i modulacja ciśnienia
Wbudowany barometr kontroluje siłę, z jaką robot trzyma się szyby, i koryguje ją w trakcie pracy. Za słabe przyleganie grozi zsunięciem, za mocne — smugami i wolniejszym przejazdem. Dobre ustawienie zmienia się w zależności od szyby, więc nie da się go ustalić raz na zawsze.
Wie, gdzie kończy się szyba.
Czujniki krawędzi i kontrola pracy
Robot rozpoznaje granice tafli i zawraca, zamiast zjeżdżać poza szybę. Przez cały przejazd kontroluje też własną pracę i zatrzymuje się, gdy coś odbiega od normy — zamiast brnąć dalej.
Ostatnia linia obrony.
Linka zabezpieczająca
Linka przypięta do stałego punktu w pomieszczeniu zabezpiecza robota na wypadek, gdyby zawiodło wszystko inne. To nie akcesorium do schowania w pudełku — bez niej po prostu nie zaczynaj pracy.
Prąd zniknie? Robot zostaje na szybie.
Wbudowany akumulator UPS — 500 mAh, ok. 25 minut
Zanik zasilania to sytuacja, której boi się każdy, kto pierwszy raz przykłada robota do okna na piętrze. Akumulator utrzymuje przyssanie przez około 25 minut po odcięciu prądu — wystarczająco długo, żeby spokojnie zdjąć urządzenie z szyby.
Wszystkie cztery zabezpieczenia działają przez cały czas pracy. Nie trzeba ich włączać, ustawiać ani o nich pamiętać.
APLIKACJA I JĘZYK
Wie, kiedy skończył.
I mówi to po polsku.
Nie musisz stać pod oknem i pilnować, na jakim etapie jest robot. Aplikacja Tuya Smart daje sterowanie z telefonu i powiadomienia o tym, co się dzieje — a wszystko, co Q6 PRO mówi i pokazuje, jest po polsku.
8:42
COBBO · teraz
Mycie zakończone
Robot skończył pracę i wrócił do punktu startowego.
COBBO · 12 min temu
Kończy się płyn
Uzupełnij zbiornik, aby dokończyć mycie.
Sterowanie z telefonu.
Q6 PRO działa w ekosystemie Tuya Smart, więc uruchamiasz go, zatrzymujesz i zmieniasz sposób pracy z poziomu aplikacji. Dla tych, którzy wolą prostsze rozwiązania – w zestawie znajduje się również pilot.
Telefon da znać pierwszy.
Aplikacja poinformuje Cię o statusie pracy czy konieczności dolania płynu do pojemnika. Dzięki temu nie sprawdzasz co chwilę, czy już skończył — i nie zostawiasz go pracującego na sucho.
Bez tłumacza w ręku
Mówi po polsku.
Cały.
Interfejs, aplikacja i komunikaty głosowe są po polsku. Robot mówi, co właśnie robi i czego potrzebuje, więc nie musisz odgadywać znaczenia kolejnych sygnałów dźwiękowych ani sprawdzać ich w instrukcji.
„Rozpoczynam czyszczenie.”
„Uzupełnij płyn.”
„Czyszczenie zakończone.”
PORÓWNANIE GENERACJI
Q6 PRO obok Q6.
Q6 PRO jest następcą Q6 i korzysta z tych samych sprawdzonych rozwiązań — ale w nowszych wersjach. Poniżej to, co dzieli obie generacje.
COBBO Q6 PRO
COBBO Q6
Natrysk płynu
Q6 PRO
Spray Pulse 8™ — rozgałęziony natrysk z lewej i prawej strony korpusu, 8 dysz
Q6
Hypersonic Spraying System™, 2 dysze
Ruch ściereczki
Q6 PRO
Active Dynamic Glide™ — ściereczka drga w kierunku jazdy
Q6
Przejazd bez ruchu drgającego
Powierzchnie poziome
Q6 PRO
Tak — pracuje także na płasko
Q6
Nie — tylko powierzchnie pionowe i skośne
Nawigacja
Q6 PRO
AI Cleaning Path 4.0™
Q6
AI Cleaning Path 2.0™
Odporność natrysku na wiatr
Q6 PRO
Anti-Wind Spray System 3.0™
Q6
Anti-Wind Spray System™
Przyczepność przy mokrej nakładce
Q6 PRO
Double Anti-Slip Rubber System™
Q6
Double Anti-Slip System™
Zbiornik na płyn
Q6 PRO
120 ml
Q6
110 ml
Wymiary
Q6 PRO
265 × 265 × 80 mm
Q6
245 × 245 × 82 mm
Mycie przy ramie
Q6 PRO
FullEdge Clean™ — nakładka Edge Plus™ i Edge Rotation System
Q6
FullEdge Clean™ — nakładka Edge Plus™ i Edge Rotation System
Podtrzymanie po zaniku prądu
Q6 PRO
UPS 500 mAh — ok. 25 minut
Q6
UPS 500 mAh — ok. 25 minut
Gwarancja
Q6 PRO
3 lata, z możliwością przedłużenia do 5 lat
Q6
2 lata, z możliwością przedłużenia do 5 lat
DANE TECHNICZNE I ZESTAW
Kompaktowy.
I gotowy do zabrania.
Q6 PRO waży 1,8 kg i mieści się w kwadracie o boku 265 mm. W zestawie jest walizka transportowa, więc robot równie dobrze pojedzie do drugiego mieszkania, biura albo do rodziców.
Rozmiar, który trzyma się jedną ręką.
Przy 1,8 kg i wysokości 80 mm przykładanie robota do szyby nie wymaga gimnastyki. Ma to znaczenie, gdy przy większej liczbie okien powtarzasz ten ruch kilkanaście razy w ciągu jednego popołudnia.
Zbiornik mieści 120 ml płynu. Gdy się kończy, aplikacja wysyła powiadomienie, więc nie musisz sprawdzać poziomu na oko ani przerywać pracy na wszelki wypadek.
~25 min
Podtrzymanie po zaniku prądu
Wbudowany akumulator 500 mAh utrzymuje przyssanie do szyby przez około 25 minut. To czas na spokojne zdjęcie robota, a nie na szukanie drabiny w pośpiechu.
Dane techniczne.
Model
Q6 PRO
Wymiary
265 × 265 × 80 mm
Waga
1,8 kg
Pojemność zbiornika
120 ml
Akumulator UPS
500 mAh Li-ion, 14,8 V
Czas działania UPS
ok. 25 min
Napięcie robocze
24 V DC
Moc znamionowa
72 W
Wejście zasilacza
100–240 V AC, 50/60 Hz, maks. 1,5 A
Wyjście zasilacza
24 V DC, 3,0 A
Zasilanie pilota
3 V DC
Moc ssania
10 000
W zestawie.
Robot COBBO Q6 PRO
1 szt.
Walizka transportowa
1 szt.
Nakładka NanoTex CR™
5 szt.
Nakładka Edge Plus™ (powiększona)
5 szt.
Linka zabezpieczająca
1 szt.
Zasilacz z przewodem
1 szt.
Pilot sterujący
1 szt.
Butelka do dozowania
1 szt.
Instrukcja obsługi i Szybki start
po polsku
Przygotowanie
Zakładasz nakładkę, uzupełniasz płyn, przypinasz linkę i przykładasz robota do szyby. Nie ma kalibracji ani konfiguracji, przez którą trzeba przejść przed pierwszym uruchomieniem.
Po pracy
Nakładki pierzesz i suszysz, zbiornik opróżniasz, korpus przecierasz. Osiem nakładek w zestawie — po cztery każdego rodzaju — oznacza, że zawsze masz suchą sztukę na kolejne mycie, nawet jeśli poprzednia jeszcze schnie.
SPOKÓJ ZAKUPU
Kupujesz na próbę.
Nie w ciemno.
9 generacji robotów. Lata doświadczenia. Jeden wybór: COBBO Robotics. Poniżej opinie użytkowników wcześniejszych modeli, czternaście dni na przetestowanie urządzenia u siebie i trzy lata gwarancji, którą możesz przedłużyć do pięciu.
Co mówią użytkownicy robotów do mycia okien COBBO.
14dni na decyzję
Rozpakuj, umyj okna, zdecyduj.
Po zakupie wyjmujesz robota z pudełka i normalnie z niego korzystasz. Jeśli w ciągu czternastu dni uznasz, że to jednak nie jest urządzenie dla Ciebie, odsyłasz je i otrzymujesz pełny zwrot kosztów. Testujesz na własnych oknach, a nie na zdjęciach ze strony.
Trzy lata w standardzie. Do pięciu, jeśli zechcesz.
Seria PRO ma w cenie trzy lata gwarancji — o rok dłużej niż pozostałe nasze modele. Przedłużasz ją w dowolnym dniu jej trwania, także ostatniego: wykupujesz kolejny rok, a gdy on dobiega końca, znowu masz wybór. Nie musisz decydować o piątym roku w dniu zakupu.
3 lata w cenie
+1 rok
+1 rok
AKCESORIA DO Q6 PRO
Nakładki i płyn.
Tylko to się zużywa.
Uzupełnij swój zestaw o oryginalne akcesoria stworzone z myślą o Q6 PRO!
Specyfikacja
Dane produktu
| Marka | COBBO Robotics |
|---|---|
| Symbol | 634_157 |
| EAN | 5908080979191 |
| Kategoria | Mopy parowe, myjki i parownice, Sprzątanie i klimat w domu |
| Dostępność | Dostępny |
Zakupy
Dostawa, płatność i zwroty
Dostawa i koszt przesyłki
Od 150 zł dostawa jest darmowa. Koszt wyliczany jest w koszyku na podstawie gabarytów, kraju dostawy i wybranego przewoźnika. Zamówienie z produktami z różnych magazynów może przyjść w kilku przesyłkach — podział i suma kosztów są widoczne przed zapłatą.
Zwrot i odstąpienie od umowy
Masz 14 dni na odstąpienie od umowy bez podania przyczyny. Szczegóły i adres do zwrotów znajdziesz w pouczeniu.
Reklamacja i niezgodność towaru
Reklamacje rozpatrujemy na zasadach opisanych w regulaminie i w informacji o rękojmi.
Do kompletu
Warto dobrać
Podobne
Inne propozycje z tego działu
