Porównanie cen
Zestaw: Odkurzacz pionowy COBBO G7 PRO + końcówka mopująca
Producent: COBBO Robotics | ID: 73869247
1 890,00 PLN
Oferta sklepu
ID73869247
MarkaCOBBO Robotics
DostępnośćTak
Stan-
Cena1 890,00 PLN
Cena promocyjna1 890,00 PLN
Typ produktuUrządzenia COBBO,Odkurzacze pionowe,Odkurzacze
Kolor-
Wzór-
Grupa wiekowa-
MPNArray
GTIN-
#cobbo-product-module {
display: flex;
justify-content: center;
padding: 40px 0;
font-family: Arial, sans-serif;
}
#cobbo-selector {
display: flex;
gap: 12px;
justify-content: center;
text-align: center;
}
/* KARTA PRODUKTU */
#card1, #card2, #card3 {
cursor: pointer;
}
#box1, #box2, #box3 {
border: 2px solid #ddd;
border-radius: 6px;
padding: 8px;
background: #fff;
width: 120px;
box-sizing: border-box;
}
/* Aktywna karta */
#card1.active #box1,
#card2.active #box2,
#card3.active #box3 {
border-color: #ddd;
}
#img1, #img2, #img3 {
max-width: 100%;
display: block;
margin: 0 auto 6px;
}
#name1, #name2, #name3 {
margin-top: 6px;
font-size: 13px;
font-weight: 600;
}
#price1, #price2, #price3 {
font-size: 12px;
margin-bottom: 6px;
}
#btn1, #btn2, #btn3 {
display: inline-block;
padding: 4px 10px;
font-size: 11px;
text-decoration: none;
background: #FFD500;
color: #fff;
border-radius: 4px;
font-weight: 600;
}
#btn1:hover, #btn2:hover, #btn3:hover {
opacity: 0.9;
}
@import url(https://v1.fontapi.ir/css/SFProDisplay);
@font-face {
font-family: NType82R;
src: url(https://cobbo.pl/upload/cobbo/fonts/NType82-Regular.otf)
format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: NType82RMR;
src: url(https://cobbo.pl/upload/cobbo/fonts/NType82Mono-Regular.otf)
format("opentype");
font-weight: 400;
font-style: normal;
}
.product-opinions {
padding: 40px !important; /* Adjust as needed */
max-width: 1200px !important;
margin: 0 auto !important;
}
#gradient-text {
background: linear-gradient(
45deg,
rgba(27, 162, 220, 1),
rgba(164, 177, 219, 1),
rgba(188, 114, 173, 1)
);
background-size: 200%;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
animation: colorChange1 5s infinite;
}
@keyframes colorChange1 {
0%,
33% {
background: linear-gradient(
90deg,
#00aaff 0%,
/* Bright, saturated blue */ #6b5bd6 40%,
/* Bold lavender-violet */ #e074d7 75%,
/* Rich magenta-pink */ #ff39bd 100% /* Hot pink */
);
background-size: 300% 100%;
background-position: center;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
34%,
100% {
background: none;
color: #a9a9a9;
}
}
@keyframes colorChange2 {
0%,
33% {
background: none;
color: #a9a9a9;
}
34%,
66% {
background: linear-gradient(
90deg,
#00aaff 0%,
/* Bright, saturated blue */ #6b5bd6 40%,
/* Bold lavender-violet */ #e074d7 75%,
/* Rich magenta-pink */ #ff39bd 100% /* Hot pink */
);
background-size: 300% 100%;
background-position: center;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
67%,
100% {
background: none;
color: #a9a9a9;
}
}
@keyframes colorChange3 {
0%,
66% {
background: none;
color: #a9a9a9;
}
67%,
100% {
background: linear-gradient(
90deg,
#00aaff 0%,
/* Bright, saturated blue */ #6b5bd6 40%,
/* Bold lavender-violet */ #e074d7 75%,
/* Rich magenta-pink */ #ff39bd 100% /* Hot pink */
);
background-size: 300% 100%;
background-position: center;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
}
#line1 {
animation: colorChange1 6s infinite;
font-weight: bold;
font-size: 24px;
}
#line2 {
animation: colorChange2 6s infinite;
font-weight: bold;
font-size: 24px;
}
#line3 {
animation: colorChange3 6s infinite;
font-weight: bold;
font-size: 24px;
}
@keyframes levitate {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
100% {
transform: translateY(0);
}
}
/* Allow the tab-content to extend the full width of the page */
.product-card.mod-product-card-1 .tab-content {
width: 100vw; /* 100% of the viewport width */
margin-left: calc(-50vw + 50%); /* This centers the full-width content */
padding: 20px; /* Add padding to ensure content is readable */
background-color: #fff; /* Optional: To distinguish the description section */
}
/* Ensure the .tab-content spans 100% width without affecting product-info */
.product-card.mod-product-card-1 .tab-content .row {
max-width: 100%; /* Override any width restrictions */
margin: 0 auto; /* Center the content */
}
/* Keep the first col-md-12 (product info, buttons, etc.) intact */
.product-card.mod-product-card-1 .col-md-12:first-of-type {
max-width: 1270px; /* Retain the current layout for the first section */
margin: 0 auto; /* Center it like before */
}
div[data-tab="product-safety-information"] {
margin: 20px !important; /* Adjust as needed */
padding: 40px !important; /* Adjust as needed */
max-width: fit-content;
}
div[data-tab="product-safety-information"] .tab-content {
margin: 35px !important; /* Adjust as needed */
padding: 25px !important;
max-width: fit-content; /* Adjust as needed */
}
#pagination {
display: flex;
justify-content: center; /* Center the dots */
gap: 8px;
margin-top: 10px;
}
#pagination div {
width: 16px;
height: 4px;
border-radius: 5px;
background-color: #e6