COBBO Robotics · AGD do kuchni
Robot kuchenny Cobbo 7 Black PRO
5 297,00 zł
Dostępny · wysyłka po zaksięgowaniu płatności
#zestaw-promo-title { background-color: #fff; font-size: 3em; text-align: center; color: #000; font-family: "SF Pro Display", sans-serif; font-weight: 900; line-height: 1; }…
- 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
#zestaw-promo-title {
background-color: #fff;
font-size: 3em;
text-align: center;
color: #000;
font-family: „SF Pro Display”, sans-serif;
font-weight: 900;
line-height: 1;
}
#gift-card-malakser {
background:#f5fff5;
border-radius:32px;
padding:60px 40px;
text-align:center;
max-width:700px;
margin:0 auto;
box-shadow:0 10px 40px rgba(0,0,0,0.05);
transition:transform .25s ease;
}
#gift-card-malakser:hover {
transform:translateY(-6px);
}
#gift-image-malakser {
margin-bottom:30px;
}
#gift-image-malakser img {
max-width:260px;
width:100%;
display:block;
margin:0 auto;
}
#gift-heading-malakser {
font-size:28px;
font-weight:700;
margin-bottom:15px;
color:#000;
}
#gift-text-malakser {
font-size:18px;
line-height:1.6;
color:#333;
}
#gift-badge-malakser {
display:inline-block;
background:#77c66b;
color:#fff;
font-weight:700;
padding:8px 18px;
border-radius:20px;
font-size:14px;
margin-bottom:20px;
}
@media (max-width:768px) {
#zestaw-promo-title {
font-size:2em;
}
#gift-card-malakser {
padding:40px 25px;
}
}@media (max-width: 768px) {
#tabelap {
max-width: 100%;
}
}
@media (min-width: 768px) {
#tabelap {
max-width: 60%;
}
}
/* General table styling */
#custom-table {
width: 100%;
border-collapse: collapse;
font-family: „SF Pro Display”, sans-serif;
font-size: 16px;
border: 1px solid #e6e6e6;
margin: 20px 0;
}
#custom-table th {
background-color: #f9f9f9;
text-align: center;
padding: 12px;
border-bottom: 2px solid #e6e6e6;
font-weight: bold;
}
#custom-table td {
padding: 16px;
text-align: center;
border: 1px solid #e6e6e6;
}
/* Explicit row background colors for the alternating effect */
#custom-table tr:nth-child(even) {
background-color: #f9f9f9;
}
#custom-table tr:nth-child(odd) {
background-color: #ffffff;
}
/* Styling for feature column */
#feature-column {
text-align: left;
padding: 16px;
font-weight: bold;
}
/* Styling for checkmarks */
#custom-table td img {
width: 16px;
height: 16px;
}
@keyframes colorChange1 {
0%,
33% {
color: #ffd60a;
}
100%,
34% {
color: #a9a9a9;
}
}
@keyframes colorChange2 {
0%,
33% {
color: #a9a9a9;
}
34%,
66% {
color: #ffd60a;
}
100%,
67% {
color: #a9a9a9;
}
}
@keyframes colorChange3 {
0%,
66% {
color: #a9a9a9;
}
100%,
67% {
color: #ffd60a;
}
}
@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 */
}
/* Target the specific text-field within the Wysyłka w ciągu row */
.product-parameters tr:nth-child(2) td:nth-child(2) .text-field {
color: red; /* Adjust to your preferred color */
font-weight: bold;
}
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 */
}
.product-opinions {
padding: 40px !important; /* Adjust as needed */
max-width: 1200px !important;
margin: 0 auto !important;
}
#pagination {
display: flex;
justify-content: center; /* Center the dots */
gap: 8px;
margin-top: 10px;
}
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 div {
width: 16px;
height: 4px;
border-radius: 5px;
background-color: #e6e6e6;
transition: background-color 0.3s ease;
}
#tytul-czarny-center {
font-family: „SF Pro Display”, sans-serif;
font-size: 3.75em;
font-weight: 700;
word-wrap: break-word;
line-height: 1;
text-align: center;
margin-top: 50px;
color: #000;
}
#tytul-czarny-left {
font-family: „SF Pro Display”, sans-serif;
font-size: 3.75em;
font-weight: 700;
word-wrap: break-word;
line-height: 1;
text-align: left;
margin-top: 50px;
color: #000;
}
#tytul-bialy-center {
font-family: „SF Pro Display”, sans-serif;
font-size: 3.75em;
font-weight: 700;
word-wrap: break-word;
line-height: 1;
text-align: center;
margin-top: 50px;
color: #fff;
}
@media (max-width: 768px) {
@keyframes slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-330%);
}
}
#app-box-main-container {
width: 100%;
padding: 10px;
}
#app-box-text-blocks {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
#app-box-left-block {
width: 100%;
margin-bottom: 20px;
padding: 0 10px;
text-align: left;
}
#app-box-right-block {
width: 100%;
margin-bottom: 20px;
padding: 0 10px;
text-align: left;
}
#app-box-right-block p {
font-size: 1.5rem;
text-align: left;
}
#app-box-text-blocks {
width: 100%;
max-width: 1200px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
#container {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
font-family: „SF Pro Display”, sans-serif;
}
#tytul-bialy-left {
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
word-wrap: break-word;
line-height: 1;
text-align: center;
margin-top: 50px;
color: #fff;
}
#content-container {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
#content-container,
#content-item,
#content-item2,
#content-item:last-child,
#content-text {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#content-container {
display: flex;
flex-wrap: wrap;
}
#content-image,
#content-text {
width: 100%;
margin-right: 0;
border-radius: 20px;
}
#content-item {
width: 30%;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
#content-item img,
#content-item2 img {
max-width: 100%;
height: auto;
align-items: center;
border-radius: 10px;
}
#content-item2 {
width: 30%;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
#content-item2:last-child {
margin-right: 0;
}
#custom-container {
position: relative;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
#custom-content {
display: flex;
align-items: center;
text-align: center;
}
#custom-subtitle {
margin-top: 40px;
margin-left: 20px;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.007em;
line-height: 1.1428571429;
text-align: start;
}
#custom-title {
margin: 10px 0;
margin-left: 20px;
text-align: start;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
word-wrap: break-word;
line-height: 1;
}
#description-text {
margin-top: 40px;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.007em;
line-height: 1.1428571429;
}
#description-text2 {
margin-bottom: 40px;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.2rem;
}
#div1 {
grid-area: 1/1/2/2;
}
#div10 {
grid-area: 3/2/4/3;
}
#div11 {
grid-area: 4/2/5/3;
}
#div12 {
grid-area: 5/2/6/3;
}
#div13 {
grid-area: 6/2/7/3;
}
#div14 {
grid-area: 3/4/4/5;
}
#div15 {
grid-area: 4/4/5/5;
}
#div16 {
grid-area: 5/4/6/5;
}
#div2 {
grid-area: 2/1/3/2;
}
#div3 {
grid-area: 3/1/4/2;
}
#div4 {
grid-area: 4/1/5/2;
}
#div5 {
grid-area: 5/1/6/2;
}
#div6 {
grid-area: 6/1/7/2;
}
#div7 {
grid-area: 7/1/8/2;
}
#div8 {
grid-area: 1/2/2/3;
}
#div9 {
grid-area: 2/2/3/3;
}
#flex-container {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(6, auto);
gap: 16px;
}
#flex-item {
padding: 16px;
text-align: center;
border: 1px solid #ddd;
border-radius: 8px;
}
#flex-item img {
max-width: 100%;
height: auto;
}
#flex-item span {
font-weight: 700;
}
#food-slider {
display: flex;
animation: slide 30s linear infinite;
}
#food-slider img {
width: 250px;
height: 205px;
margin: 0 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 15px;
object-fit: cover;
}
#food-slider p {
max-width: 240px;
margin-top: 10px;
margin-left: 18px;
color: #ffffff;
font-family: „SF Pro Display”, sans-serif;
font-size: 20px;
font-weight: 600;
text-align: left;
white-space: normal;
word-wrap: break-word;
}
#food-slider-container {
box-sizing: border-box;
width: 100%;
height: 300px;
padding: 10px 0;
white-space: nowrap;
}
#food-slider::after {
content: „”;
display: flex;
}
#food-slider-item {
margin: 0 5px;
flex: 0 0 auto;
text-align: center;
}
#hide-text {
margin: 0;
padding: 0 10%;
color: #bdbdbd;
font-family: „SF Pro Display”, sans-serif;
font-size: 1vw;
font-weight: 500;
text-align: center;
}
#hide-text1 {
margin: 0;
}
#image-container {
width: 100%;
margin-bottom: 20px;
display: flex;
flex: 1;
align-items: center;
justify-content: center;
text-align: center;
}
#image-container img {
max-width: 100%;
height: auto;
}
#img-tytul {
display: flex;
}
#item1,
#item10,
#item11,
#item12,
#item13,
#item2,
#item5,
#item6 {
grid-column: span 2;
grid-row: span 2;
}
#item1,
#item2,
#item6 {
grid-column: span 3;
}
#item10,
#item11,
#item12,
#item13,
#item3,
#item5,
#item7,
#item8 {
grid-column: span 2;
}
#item4,
#item9 {
grid-column: span 1;
grid-row: span 3;
}
#left-text {
padding: 10px;
}
#right-text {
width: 100%;
padding: 10px;
}
#left-text {
font-family: NType82R, serif;
font-size: 6em;
font-weight: 900;
text-align: right;
}
#misa-parent {
width: 100%;
margin: 0 auto;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #000;
color: #fff;
}
#misa-middle {
width: 100%;
margin-bottom: 20px;
}
#misa-middle-image {
width: 100%;
height: auto;
object-fit: cover;
}
#misa-left {
margin-left: 40px;
}
#misa-right {
width: 100%;
padding: 10px;
text-align: center;
}
#misa-left-title {
font-size: 60px;
box-sizing: border-box;
margin-left: 0;
text-align: start;
line-height: 1;
margin-left: 20px;
}
#misa-left-text {
width: 95%;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.011em;
line-height: 1.381002381;
text-align: start;
}
#misa-right-function1,
#misa-right-function2,
#misa-right-function3,
#misa-right-function4 {
width: 100%;
margin-bottom: 20px;
}
#misa-right-function1-title,
#misa-right-function2-title,
#misa-right-function3-title,
#misa-right-function4-title {
color: #ffd60a;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 750;
}
#misa-right-function1-text,
#misa-right-function2-text,
#misa-right-function3-text,
#misa-right-function4-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 20px;
line-height: 1.5em;
}
#nawigacja-image-container {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
#nawigacja-image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; /* Ensure images take the full height */
object-fit: cover; /* Ensure the images fill the container properly */
opacity: 0; /* Start with all images hidden */
transition: opacity 1s ease-in-out; /* Smooth transition for opacity */
}
#nawigacja-main-container {
padding: 20px;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-between;
background-color: #fff;
}
#nawigacja-subtitle {
margin: 10px 0;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.3em;
word-wrap: break-word;
}
#nawigacja-text-container {
max-width: 600px;
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
#nawigacja-title {
margin: 0;
font-family: „SF Pro Display”, sans-serif;
font-size: 4em;
font-weight: 700;
word-wrap: break-word;
}
#parent {
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(8, auto);
}
#parent div {
display: flex;
align-items: center;
justify-content: center;
}
#parent img {
width: 130px;
height: 130px;
border-radius: 50%;
object-fit: cover;
}
#przepisy-right {
padding: 20px;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
text-align: right;
}
#przepisy-right-function1,
#przepisy-right-function2,
#przepisy-right-function3 {
margin-bottom: 20px;
}
#przepisy-right-function1-text,
#przepisy-right-function2-text,
#przepisy-right-function3-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
line-height: 1.5em;
}
#przepisy-right-function1-title,
#przepisy-right-function2-title,
#przepisy-right-function3-title {
margin-bottom: 10px;
font-family: „SF Pro Display”, sans-serif;
font-size: 2em;
}
#przepisy-right-function1-title {
color: #ffd60a;
font-size: 2.5em;
font-weight: 750;
}
#product-description,
#product-reviews,
#product-title {
width: 100%;
padding: 10px;
word-wrap: break-word;
text-align: center;
}
#product-description,
#product-reviews {
font-size: 20px;
}
#product-overview {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
#product-reviews {
margin-top: 30px;
font-family: „SF Pro Display”, sans-serif;
line-height: 1.5;
}
#product-reviews b {
font-weight: 700;
}
#product-title {
font-family: „SF Pro Display”, sans-serif;
font-size: 4em;
word-wrap: break-word;
font-weight: 700;
}
#right-text {
text-align: left;
}
#robot-image2 {
width: auto;
height: 150px;
margin-right: 20px;
margin-bottom: -20px;
}
#sentence1 {
animation: colorChange1 9s steps(1) infinite;
}
#sentence2 {
animation: colorChange2 9s steps(1) infinite;
}
#sentence3 {
animation: colorChange3 9s steps(1) infinite;
}
#smartstart-left {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
#smartstart-left-text {
margin-bottom: 1rem;
margin-left: 0;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.5rem;
line-height: 1.5em;
}
#smartstart-left-title {
margin-bottom: 2rem;
margin-left: 3rem;
font-family: „SF Pro Display”, sans-serif;
font-size: 2em;
font-weight: 700;
}
#smartstart-middle {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
#smartstart-middle-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
#smartstart-parent {
height: 100vh;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
background-color: #fff;
color: #000;
font-family: Arial, sans-serif;
}
#smartstart-right {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: left;
}
#smartstart-right-function1,
#smartstart-right-function2,
#smartstart-right-function3,
#smartstart-right-function4 {
margin-bottom: 20px;
}
#smartstart-right-function1-text,
#smartstart-right-function2-text,
#smartstart-right-function3-text,
#smartstart-right-function4-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
line-height: 1.5em;
}
#smartstart-right-function1-title,
#smartstart-right-function2-title,
#smartstart-right-function3-title,
#smartstart-right-function4-title {
margin-bottom: 10px;
font-family: „SF Pro Display”, sans-serif;
font-size: 2.5em;
}
#smartstart-right-function1-title {
color: #ffd60a;
font-weight: 750;
}
#title-text {
padding: 10%;
font-weight: 400;
text-align: center;
}
#tytul {
display: flex;
justify-content: center;
background-color: #fff;
color: #000;
font-family: „SF Pro Display”, sans-serif;
font-size: 6em;
font-weight: 800;
text-align: center;
}
#app-box-left-block {
width: 100%;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.011em;
line-height: 1.381002381;
}
#app-box-right-block {
width: 100%;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.011em;
line-height: 1.381002381;
}
#app-box-left-block p,
#app-box-right-block p {
margin-top: 10px;
padding: 0;
}
#app-box-left-block p {
text-align: left;
}
#app-box-main-container {
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #000;
}
#app-box-right-block p {
font-size: 3rem;
text-align: left;
}
#atut-text {
width: 100%;
margin-top: 20px;
padding: 10px;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
line-height: 1;
text-align: center;
}
#box-s1 {
padding: 0;
background-color: #000;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 10px 10px 0 0;
}
#box-s2 {
width: 100%;
margin: 0 auto;
padding: 20px;
background-color: #000;
color: #fff;
text-align: center;
}
#box-s2y {
padding: 40px;
background-color: #242424;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
text-align: center;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
#box-s3 {
background-color: #000;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 0 0 10px 10px;
}
#content-image {
width: 45%;
margin-right: 5%;
}
#content-item img {
max-width: 100%;
height: auto;
align-items: center;
border-radius: 10px;
}
#content-item2 img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
#content-text {
width: 45%;
}
#custom-title {
color: #000;
font-family: „SF Pro Display”, sans-serif;
font-size: 4em;
font-weight: 900;
}
#image-container {
width: 100%;
margin-bottom: 20px;
display: block;
}
#image-container img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
#left-text,
#right-text {
padding: 5px;
flex: 1;
}
#left-text {
font-family: NType82R, serif;
font-size: 6em;
font-weight: 900;
text-align: right;
text-align: center;
}
#obrot-container {
flex-direction: column; /* Stack elements vertically */
align-items: center; /* Center elements */
}
#obrot-text-container,
#obrot-video-container {
max-width: 100%; /* Full width */
text-align: center; /* Center text */
line-height: 1;
padding-top: 40px;
margin-left: 20px;
font-family: „SF Pro Display”, sans-serif;
}
#obrot-features-container p {
color: #86868b;
text-align: left;
padding: 20px;
}
#obrot-video-container {
margin-top: 20px; /* Add margin for separation */
}
#obrot-title {
font-size: 40px; /* Adjust font size for mobile */
}
#obrot-subtitle {
font-size: 18px; /* Adjust font size for mobile */
margin-top: 20px;
}
#obrot-features-container {
margin-top: 40px; /* Space above the container */
}
#obrot-feature-item1,
#obrot-feature-item2,
#obrot-feature-item3 {
flex-direction: column; /* Arrange items in a column */
align-items: center;
text-align: center;
margin-top: 40px; /* Center text */
}
#obrot-feature-icon1,
#obrot-feature-icon2,
#obrot-feature-icon3 {
margin-bottom: 5px; /* Space between icon and text */
}
#obrot-feature-text1,
#obrot-feature-text2,
#obrot-feature-text3 {
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.011em;
line-height: 1.381002381;
margin-left: 5%; /* Adjust font size for mobile */
}
#przepisy-right {
padding: 20px;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-start;
text-align: right;
}
#przepisy-right-function1-title,
#przepisy-right-function2-title,
#przepisy-right-function3-title {
margin-bottom: 10px;
color: #ffd60a;
font-family: „SF Pro Display”, sans-serif;
font-size: 2.5em;
font-weight: 750;
}
#product-description {
margin-top: 20px;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.2em;
line-height: 1;
}
#product-overview {
padding: 50px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
}
#robot-image {
width: 100%;
margin-top: 1rem;
flex: 1;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
animation: levitate 5s infinite alternate;
}
#sentence1 {
animation: colorChange1 9s steps(1) infinite;
margin: 40px 0;
}
#sentence2 {
animation: colorChange2 9s steps(1) infinite;
margin: 40px 0;
}
#sentence3 {
animation: colorChange3 9s steps(1) infinite;
margin: 40px 0;
}
#smartstart-full-width-section {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}
#smartstart-left-text {
width: 100%;
padding: 10px;
text-align: center;
box-sizing: border-box;
margin-left: 20px;
}
#smartstart-section-title {
font-size: 60px;
box-sizing: border-box;
margin-left: 0;
text-align: start;
line-height: 1;
margin-left: 20px;
}
#smartstart-subheader {
margin-top: 10px;
padding: 20px;
color: #555;
box-sizing: border-box;
text-align: start;
font-size: 21px;
}
#smartstart-section-description {
margin-top: 10px;
font-size: 20px;
box-sizing: border-box;
text-align: start;
}
#smartstart-right-image {
width: 100%;
margin-top: 20px;
text-align: center;
box-sizing: border-box;
}
#smartstart-right-image img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#tytul_white {
margin-top: 40px;
margin-left: 20px;
text-align: center;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
word-wrap: break-word;
line-height: 1;
}
#wholebox-bl {
max-width: 100%;
background-color: #000;
}
#wholebox-g {
max-width: 100%;
background-color: #fafafa;
}
#wholebox-dblue {
max-width: 100%;
background-color: #424b54;
}
#ft-container {
box-sizing: border-box;
padding: 20px;
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-start;
justify-content: center;
}
#ft-grid {
width: 100%;
margin: 40px 0 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
text-align: center;
}
#template-container {
width: 100%;
margin: 0 auto;
padding: 10px;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
}
#template-image-container {
flex: 1;
}
#template-image-container img {
width: 100%;
height: auto;
object-fit: cover;
margin: 0 auto;
}
#template-image-container-big img {
width: 80%;
height: auto;
object-fit: cover;
}
#template-text-container {
display: flex;
flex: 2;
flex-direction: column;
justify-content: flex-start;
}
#template-white-title {
margin: 0;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 3.75em;
font-weight: 700;
text-align: center;
color: #fff;
word-wrap: break-word;
}
#template-white-title-small {
margin: 0;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 3.75em;
font-weight: 700;
color: #fff;
word-wrap: break-word;
}
#template-black-title {
margin: 0;
padding: 20px;
text-align: center;
font-family: „SF Pro Display”, sans-serif;
font-size: 3.75em;
font-weight: 700;
color: #000000;
line-height: 1;
word-wrap: break-word;
}
#template-grey-subtitle {
margin: 40px 0;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.011em;
word-wrap: break-word;
}
#template-white-subtitle-small {
margin: 40px 0;
color: #ffffff;
font-family: „SF Pro Display”, sans-serif;
font-size: 18px;
font-weight: 300;
letter-spacing: 0.011em;
word-wrap: break-word;
}
#template-black-subtitle {
margin: 40px 0;
color: #000000;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 400;
letter-spacing: 0.011em;
padding: 20px;
word-wrap: break-word;
}
#template-stats-container {
display: flex;
flex-wrap: wrap;
gap: 60px;
margin-top: 20px;
}
#template-stat1,
#template-stat2,
#template-stat3,
#template-stat4 {
display: flex;
flex-direction: column;
align-items: center;
width: 100%; /* Adjust width to fit two items per row */
}
#template-orange-stat1-title,
#template-orange-stat2-title,
#template-orange-stat3-title,
#template-orange-stat4-title {
color: #ffd60a;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 750;
}
#template-white-stat1-text,
#template-white-stat2-text,
#template-white-stat3-text,
#template-white-stat4-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
font-weight: 500;
line-height: 1.5em;
text-align: left;
color: #fff;
}
#recipe-container {
width: 100%;
margin: 0 auto;
padding: 10px;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
background-color: #fff;
}
#recipe-image-container {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
#recipe-image-container img {
width: 100%;
height: auto;
object-fit: cover;
}
#recipe-text-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
#recipe-title {
margin: 10px 0;
margin-left: 20px;
text-align: start;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
word-wrap: break-word;
line-height: 1;
}
#recipe-subtitle {
margin-top: 10px;
margin-left: 20px;
font-size: 20px;
box-sizing: border-box;
text-align: start;
font-family: „SF Pro Display”, sans-serif;
}
#recipe-categories-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.3em;
}
#recipe-categories-container div {
margin-right: 10px;
padding: 5px 10px;
word-wrap: break-word;
display: inline-block;
background-color: #ffd60a;
color: #000000;
font-size: 1em;
border-radius: 20px;
}
#twoje-przepisy-container {
width: 90%;
background-color: #000000 !important; /* Yellow background color */
color: #ffffff !important; /* Black text color */
text-align: center; /* Center text horizontally */
padding: 10px; /* Add padding for spacing */
font-size: 1.5em; /* Adjust font size as needed */
border-radius: 10px; /* Add border radius for rounded corners */
font-family: „SF Pro Display”, sans-serif; /* Apply font family */
}
#recipe-stats-container {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
}
#recipe-stat1,
#recipe-stat2,
#recipe-stat3 {
display: flex;
flex-direction: column;
align-items: center;
}
#recipe-stat1-title,
#recipe-stat2-title,
#recipe-stat3-title {
color: #ffd60a;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 750;
}
#recipe-stat1-text,
#recipe-stat2-text,
#recipe-stat3-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.5em;
text-align: center;
}
#smartstart-specs-section {
box-sizing: border-box;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #424b54;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
}
#smartstart-specs-left {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
order: 2;
width: 100%;
margin-bottom: 20px;
}
#smartstart-specs-image {
width: 100%;
height: auto;
margin-right: 0;
order: 1;
}
#smartstart-specs-right {
padding: 10px;
flex: 1;
order: 3;
width: 100%;
}
#smartstart-specs-title {
margin-bottom: 20px;
font-family: „SF Pro Display”, sans-serif;
font-size: 2em;
}
#smartstart-specs-physical,
#smartstart-specs-technical {
margin-bottom: 20px;
padding-left: 0;
list-style-type: none;
}
#smartstart-specs-physical > li,
#smartstart-specs-technical > li {
margin-bottom: 10px;
}
#smartstart-specs-physical ul,
#smartstart-specs-technical ul {
margin-top: 5px;
padding-left: 20px;
list-style-type: disc;
}
#smartstart-specs-physical ul li,
#smartstart-specs-technical ul li {
margin-bottom: 5px;
}
#zawartosc-zestawu {
box-sizing: border-box;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
}
#zawartosc-zestawu {
box-sizing: border-box;
width: 100%;
display: flex;
align-items: flex-end;
background-color: #fff;
}
[id^=”ft-icon”] {
width: 200px;
height: 100px;
margin-bottom: 10px;
color: #333;
border-radius: 20px;
transition: transform 0.3s, box-shadow 0.3s;
}
[id^=”ft-icon”]:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 20px;
transform: scale(1.1);
}
[id^=”ft-item”] {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
[id^=”ft-title”] {
color: #333;
font-family: „SF Pro Display”, sans-serif;
font-size: 18px;
}
#help-main-container {
width: 100%;
max-width: 95%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
#help-section {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
background-color: #f5f5f7;
box-sizing: border-box;
padding: 20px;
}
#help-text-container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 20px;
}
#help-icon {
width: 50px;
margin-bottom: 10px;
}
#help-icon img {
width: 100%;
height: auto;
}
#help-title {
font-size: 28px;
font-weight: bold;
color: #000;
margin: 0;
}
#help-subtitle {
font-size: 16px;
color: #000;
margin: 10px 0 0 0;
line-height: 1.5;
}
#help-links {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10px;
}
#help-link1,
#help-link2 {
display: inline-block;
font-size: 16px;
color: #ffd60a;
text-decoration: none;
margin: 5px 0;
font-family: „SF Pro Display”, sans-serif;
}
#help-link1:hover,
#help-link2:hover {
text-decoration: underline;
}
#help-icon1,
#help-icon2,
#help-mail-icon {
margin-left: 5px;
}
#help-image-container {
width: 100%;
text-align: center;
margin-top: 20px;
}
#help-image-container img {
width: 90%;
height: auto;
}
#urz-main-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: 20px;
box-sizing: border-box;
}
#urz-table {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr); /* 4 icons per row */
gap: 10px; /* Add space between icons */
padding: 10px;
box-sizing: border-box;
margin-bottom: 20px;
}
[id^=”urz-cell”] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start; /* Align content at the top */
text-align: center;
height: 150px; /* Fixed height for each cell */
}
[id^=”urz-cell”] img {
width: 80px; /* Fixed size for images */
height: 80px; /* Fixed size for images */
object-fit: contain;
margin-bottom: 5px;
}
[id^=”urz-text”] {
margin-top: 5px;
font-size: 14px;
color: #000;
line-height: 1.2;
max-height: 2.4em; /* Prevents text from expanding beyond two lines */
overflow: hidden;
}
#urz-robot-image-container {
max-width: 100%;
margin-top: 20px;
display: flex;
justify-content: center;
}
#urz-robot-image {
max-width: 80%;
height: auto;
}
#sklep-container {
max-width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 20px;
flex-direction: column; /* Change to column to stack items */
}
#sklep-row {
display: flex;
flex-direction: column; /* Ensure the items in the row are stacked vertically */
width: 100%;
}
#sklep-item1,
#sklep-item2 {
background-color: #f5f5f7;
border-radius: 20px;
text-align: center;
flex: 1;
margin: 10px 0; /* Adjust margins for vertical spacing */
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between; /* Ensures the image is at the bottom */
padding: 20px 20px 0 20px; /* Top and side padding only */
}
#sklep-item1 img,
#sklep-item2 img {
width: 80%; /* Ensure the image fills the width */
height: auto;
margin: 0 auto; /* Maintain aspect ratio */
object-fit: contain; /* Ensures the image is contained within the div */
display: block; /* Removes any potential inline spacing issues */
margin-top: auto; /* Pushes the image to the bottom */
}
#sklep-item1 p,
#sklep-item2 p {
margin-bottom: 20px; /* Adds space below the text */
}
#sklep-title1,
#sklep-title2 {
font-family: „SF Pro Display”, sans-serif;
font-size: 24px;
font-weight: 600;
color: #000;
margin: 10px 0;
}
#sklep-description1,
#sklep-description2 {
font-family: „SF Pro Display”, sans-serif;
font-size: 16px;
color: #666;
margin: 10px 0;
}
#sklep-link1,
#sklep-link2 {
font-family: „SF Pro Display”, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007aff;
text-decoration: none;
margin-bottom: 20px;
display: block;
}
#sklep-link1:hover,
#sklep-link2:hover {
text-decoration: underline;
}
#sklep-image1,
#sklep-image2 {
width: 80%;
height: auto;
margin-top: 20px;
}
#FAQ {
max-width: 90%;
margin: 0 auto;
}
/* Mobile-only CSS */
/* Mobile-only CSS */
/* Testimonial container and general styling for mobile */
#testimonial-container {
max-width: 100%;
margin: 0 auto;
padding: 20px 0;
text-align: center;
font-family: „SF Pro Display”, sans-serif;
position: relative;
}
/* Adjust header text and title sizes for mobile */
#testimonial-header-text {
font-size: 18px;
color: #86868b;
letter-spacing: 1px;
margin-bottom: 5px; /* Reduce space */
font-weight: 700;
line-height: 1.2; /* Tighter spacing */
}
#testimonial-header-title {
font-size: 35px;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.2; /* Tighter line spacing */
}
/* Mobile carousel container */
#carousel-container {
position: relative;
overflow: hidden;
width: 100%;
}
/* Mobile carousel track, only one slide is visible at a time */
#carousel-track {
display: flex;
width: 100%; /* One slide visible */
transition: transform 0.5s ease-in-out;
gap: 0px; /* Reduce the gap for mobile */
}
/* Make sure each testimonial takes full width on mobile */
#testimonial1,
#testimonial2,
#testimonial3,
#testimonial4,
#testimonial5,
#testimonial6,
#testimonial7,
#testimonial8,
#testimonial9 {
flex: 0 0 100%; /* Full width for each slide */
max-width: 100%;
border: 1px solid #e6e6e6;
border-radius: 8px;
padding: 20px;
text-align: left;
background: white;
box-sizing: border-box;
}
/* Testimonial image for user avatars */
#testimonial1 img,
#testimonial2 img,
#testimonial3 img,
#testimonial4 img,
#testimonial5 img,
#testimonial6 img,
#testimonial7 img,
#testimonial8 img,
#testimonial9 img {
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 10px;
}
/* Navigation buttons for carousel */
#prev-button,
#next-button {
width: 40px;
height: 40px;
background-color: #e2e2e5;
color: #636364;
border: none;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 18px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#prev-button {
left: 10px;
}
#next-button {
right: 10px;
}
/* Hover effect for navigation buttons */
#prev-button:hover,
#next-button:hover {
background-color: #f5f5f5;
}
#pagination div {
display: inline-block;
}
#dot1,
#dot2,
#dot3 {
width: 16px;
height: 4px;
border-radius: 5px;
}
#dot1 {
background-color: #636364;
}
#dot2,
#dot3 {
background-color: #e6e6e6;
}
/* Common styling for stars, text, and user info */
#testimonial-stars1,
#testimonial-stars2,
#testimonial-stars3,
#testimonial-stars4,
#testimonial-stars5,
#testimonial-stars6,
#testimonial-stars7,
#testimonial-stars8,
#testimonial-stars9 {
display: flex;
align-items: center;
margin-bottom: 10px;
}
#testimonial-stars1 span,
#testimonial-stars2 span,
#testimonial-stars3 span,
#testimonial-stars4 span,
#testimonial-stars5 span,
#testimonial-stars6 span,
#testimonial-stars7 span,
#testimonial-stars8 span,
#testimonial-stars9 span {
color: #ffb400;
font-size: 26px;
margin-right: 8px;
}
#testimonial-stars1 p,
#testimonial-stars2 p,
#testimonial-stars3 p,
#testimonial-stars4 p,
#testimonial-stars5 p,
#testimonial-stars6 p,
#testimonial-stars7 p,
#testimonial-stars8 p,
#testimonial-stars9 p {
margin: 0;
font-size: 24px;
font-weight: bold;
color: #636364;
font-family: „SF Pro Display”, sans-serif;
}
/* Testimonial text styling */
#testimonial-text1,
#testimonial-text2,
#testimonial-text3,
#testimonial-text4,
#testimonial-text5,
#testimonial-text6,
#testimonial-text7,
#testimonial-text8,
#testimonial-text9 {
font-size: 16px;
color: #333;
margin-bottom: 20px;
}
/* User information styling */
#testimonial-user1,
#testimonial-user2,
#testimonial-user3,
#testimonial-user4,
#testimonial-user5,
#testimonial-user6,
#testimonial-user7,
#testimonial-user8,
#testimonial-user9 {
display: flex;
align-items: center;
border-top: 1px solid #e6e6e6;
padding-top: 10px;
}
#testimonial-user1 img,
#testimonial-user2 img,
#testimonial-user3 img,
#testimonial-user4 img,
#testimonial-user5 img,
#testimonial-user6 img,
#testimonial-user7 img,
#testimonial-user8 img,
#testimonial-user9 img {
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 10px;
}
#testimonial-user1 div p,
#testimonial-user2 div p,
#testimonial-user3 div p,
#testimonial-user4 div p,
#testimonial-user5 div p,
#testimonial-user6 div p,
#testimonial-user7 div p,
#testimonial-user8 div p,
#testimonial-user9 div p {
margin: 0;
}
#name1,
#name2,
#name3,
#name4,
#name5,
#name6,
#name7,
#name8,
#name9 {
font-size: 14px;
font-weight: bold;
}
#date1,
#date2,
#date3,
#date4,
#date5,
#date6,
#date7,
#date8,
#date9 {
font-size: 12px;
color: #86868b;
}
/* 'Potwierdzony zakup’ text styling */
#purchase-status1,
#purchase-status2,
#purchase-status3,
#purchase-status4,
#purchase-status5,
#purchase-status6,
#purchase-status7,
#purchase-status8,
#purchase-status9 {
color: green;
font-size: 14px;
font-weight: 700;
font-family: „SF Pro Display”, sans-serif;
}
/* Wave underline styling for mobile */
#wave-underline {
font-size: 40px; /* Smaller font size for mobile */
font-weight: bold;
color: rgb(0, 0, 0);
text-transform: uppercase;
display: inline-block;
position: relative;
z-index: 1;
}
#wave-underline::after {
content: „”;
position: absolute;
left: 0;
bottom: 0px; /* Adjust based on the distance of the underline from the text */
width: 100%;
height: 15px; /* Smaller wave height for mobile */
background: url(„https://cobbo.pl/upload/cobbo/images/tp7/wavey.png”)
repeat-x;
background-size: 100% 100%;
transform: scale(1.1);
z-index: -1;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
#ft-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 768px) {
@keyframes slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-330%);
}
}
.product-informations {
max-width: 100%;
}
#app-box-main-container {
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #000;
}
#app-box-left-block,
#app-box-right-block {
width: 45%;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.011em;
line-height: 1.381002381;
}
#app-box-left-block p,
#app-box-right-block p {
margin: 0;
padding: 0;
}
#app-box-left-block p {
text-align: left;
}
#app-box-right-block p {
font-size: 3rem;
text-align: right;
}
#app-box-text-blocks {
width: 100%;
max-width: 1200px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
#container {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
font-family: „SF Pro Display”, sans-serif;
}
#content-container {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
#content-container,
#content-item,
#content-item2,
#content-item:last-child,
#content-text {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#content-container {
display: flex;
flex-wrap: wrap;
}
#content-image,
#content-text {
width: 100%;
margin-right: 0;
border-radius: 20px;
}
#content-item {
width: 30%;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
#content-item img,
#content-item2 img {
max-width: 100%;
height: auto;
align-items: center;
border-radius: 10px;
}
#content-item2 {
width: 30%;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
#content-item2:last-child {
margin-right: 0;
}
#custom-container {
position: relative;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
#custom-content {
display: flex;
align-items: center;
text-align: center;
}
#custom-subtitle {
margin-top: 40px;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.007em;
line-height: 1.1428571429;
text-align: center;
}
#custom-title {
color: #000;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
}
#description-text {
margin-top: 40px;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.007em;
line-height: 1.1428571429;
}
#description-text2 {
margin-bottom: 40px;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.2rem;
}
#div1 {
grid-area: 1/1/2/2;
}
#div10 {
grid-area: 3/2/4/3;
}
#div11 {
grid-area: 4/2/5/3;
}
#div12 {
grid-area: 5/2/6/3;
}
#div13 {
grid-area: 6/2/7/3;
}
#div14 {
grid-area: 3/4/4/5;
}
#div15 {
grid-area: 4/4/5/5;
}
#div16 {
grid-area: 5/4/6/5;
}
#div2 {
grid-area: 2/1/3/2;
}
#div3 {
grid-area: 3/1/4/2;
}
#div4 {
grid-area: 4/1/5/2;
}
#div5 {
grid-area: 5/1/6/2;
}
#div6 {
grid-area: 6/1/7/2;
}
#div7 {
grid-area: 7/1/8/2;
}
#div8 {
grid-area: 1/2/2/3;
}
#div9 {
grid-area: 2/2/3/3;
}
#flex-container {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(6, auto);
gap: 16px;
}
#flex-item {
padding: 16px;
text-align: center;
border: 1px solid #ddd;
border-radius: 8px;
}
#flex-item img {
max-width: 100%;
height: auto;
}
#flex-item span {
font-weight: 700;
}
#food-slider-container {
width: 100%;
height: 300px;
overflow: hidden;
box-sizing: border-box;
padding: 10px 0;
background: #000; /* prevents flash of gap */
}
#food-slider {
display: flex;
animation: slide 10s linear infinite;
}
#food-slider-item {
flex: 0 0 auto;
margin: 0 5px;
text-align: center;
}
#food-slider-item img {
width: 250px;
height: 205px;
object-fit: cover;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#food-slider-item p {
margin: 10px 0 0;
color: #fff;
font: 600 20px „SF Pro Display”, sans-serif;
max-width: 240px;
word-wrap: break-word;
}
@keyframes slide {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
#hide-text {
margin: 0;
padding: 0 10%;
color: #bdbdbd;
font-family: „SF Pro Display”, sans-serif;
font-size: 1vw;
font-weight: 500;
text-align: center;
}
#hide-text1 {
margin: 0;
}
#image-container {
width: 100%;
margin-bottom: 20px;
display: flex;
flex: 1;
align-items: center;
justify-content: center;
text-align: center;
}
#image-container img {
max-width: 100%;
height: auto;
}
#img-tytul {
display: flex;
}
#item1,
#item10,
#item11,
#item12,
#item13,
#item2,
#item5,
#item6 {
grid-column: span 2;
grid-row: span 2;
}
#item1,
#item2,
#item6 {
grid-column: span 3;
}
#item10,
#item11,
#item12,
#item13,
#item3,
#item5,
#item7,
#item8 {
grid-column: span 2;
}
#item4,
#item9 {
grid-column: span 1;
grid-row: span 3;
}
#left-text,
#right-text {
padding: 20px;
flex: 1;
}
#left-text {
font-family: NType82R, serif;
font-size: 6em;
font-weight: 900;
text-align: right;
}
#misa-left {
padding: 20px;
display: flex;
margin-left: 40px;
flex-direction: column;
justify-content: flex-end;
}
#misa-left-text {
width: 100%;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.011em;
line-height: 1.381002381;
text-align: start;
}
#misa-left-title {
margin-bottom: 2rem;
margin-left: 3rem;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
}
#misa-middle {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
#misa-middle-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
#misa-parent {
height: 120vh;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
background-color: #000;
color: #fff;
font-family: Arial, sans-serif;
}
#misa-right {
padding: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
}
#misa-right-function1,
#misa-right-function2,
#misa-right-function3,
#misa-right-function4 {
margin-bottom: 20px;
}
#misa-right-function1-text,
#misa-right-function2-text,
#misa-right-function3-text,
#misa-right-function4-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
line-height: 1.5em;
}
#misa-right-function1-title,
#misa-right-function2-title,
#misa-right-function3-title,
#misa-right-function4-title {
font-family: „SF Pro Display”, sans-serif;
font-size: 2em;
}
#misa-right-function1-title {
color: #ffd60a;
font-size: 60px;
font-weight: 750;
}
#nawigacja-main-container {
padding: 20px;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-between;
background-color: #fff;
}
#nawigacja-subtitle {
margin: 10px 0;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.3em;
word-wrap: break-word;
}
#nawigacja-text-container {
max-width: 600px;
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
#nawigacja-title {
margin: 0;
font-family: „SF Pro Display”, sans-serif;
font-size: 4em;
font-weight: 700;
word-wrap: break-word;
}
#parent {
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(8, auto);
}
#parent div {
display: flex;
align-items: center;
justify-content: center;
}
#parent img {
width: 130px;
height: 130px;
border-radius: 50%;
object-fit: cover;
}
#przepisy-right {
padding: 20px;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
text-align: right;
}
#przepisy-right-function1,
#przepisy-right-function2,
#przepisy-right-function3 {
margin-bottom: 20px;
}
#przepisy-right-function1-text,
#przepisy-right-function2-text,
#przepisy-right-function3-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
line-height: 1.5em;
}
#przepisy-right-function1-title,
#przepisy-right-function2-title,
#przepisy-right-function3-title {
margin-bottom: 10px;
font-family: „SF Pro Display”, sans-serif;
font-size: 2em;
}
#przepisy-right-function1-title {
color: #ffd60a;
font-size: 2.5em;
font-weight: 750;
}
#product-description {
margin-top: 20px;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.2em;
line-height: 1;
}
#product-overview {
padding: 50px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
}
#product-reviews {
margin-top: 30px;
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
line-height: 1.5;
}
#product-reviews b {
font-weight: 700;
}
#product-title {
font-family: „SF Pro Display”, sans-serif;
font-size: 4em;
font-weight: 700;
}
#right-text {
text-align: left;
}
#robot-image2 {
width: auto;
height: 150px;
margin-right: 20px;
margin-bottom: -20px;
}
#sentence1 {
animation: colorChange1 9s steps(1) infinite;
}
#sentence2 {
animation: colorChange2 9s steps(1) infinite;
}
#sentence3 {
animation: colorChange3 9s steps(1) infinite;
}
#smartstart-left {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
#smartstart-left-text {
margin-bottom: 1rem;
margin-left: 3rem;
font-family: „SF Pro Display”, sans-serif;
font-size: 1.5rem;
line-height: 1.5em;
}
#smartstart-left-title {
margin-bottom: 2rem;
margin-left: 3rem;
font-family: „SF Pro Display”, sans-serif;
font-size: 2em;
font-weight: 700;
}
#smartstart-middle {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
#smartstart-middle-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
#smartstart-parent {
height: 100vh;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
background-color: #fff;
color: #000;
font-family: Arial, sans-serif;
}
#smartstart-right {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: left;
}
#smartstart-right-function1,
#smartstart-right-function2,
#smartstart-right-function3,
#smartstart-right-function4 {
margin-bottom: 20px;
}
#smartstart-right-function1-text,
#smartstart-right-function2-text,
#smartstart-right-function3-text,
#smartstart-right-function4-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
line-height: 1.5em;
}
#smartstart-right-function1-title,
#smartstart-right-function2-title,
#smartstart-right-function3-title,
#smartstart-right-function4-title {
margin-bottom: 10px;
font-family: „SF Pro Display”, sans-serif;
font-size: 2.5em;
}
#smartstart-right-function1-title {
color: #ffd60a;
font-weight: 750;
}
#title-text {
padding: 10%;
font-weight: 400;
text-align: center;
}
#tytul {
display: flex;
justify-content: center;
background-color: #fff;
color: #000;
font-family: „SF Pro Display”, sans-serif;
font-size: 6em;
font-weight: 800;
text-align: center;
}
#atut-text {
margin-top: 40px;
font-size: 64px;
font-weight: 600;
letter-spacing: -0.009em;
line-height: 1.0625;
}
#box-s1 {
padding: 0;
background-color: #000;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 10px 10px 0 0;
}
#box-s2 {
max-width: 80%;
margin: 0 auto;
padding: 40px;
background-color: #000;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
text-align: center;
}
#box-s2y {
padding: 40px;
background-color: #242424;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
text-align: center;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
#box-s3 {
background-color: #000;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 0 0 10px 10px;
}
#content-image {
width: 45%;
margin-right: 5%;
}
#content-item img {
max-width: 100%;
height: auto;
align-items: center;
border-radius: 10px;
}
#content-item2 img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
#content-text {
width: 45%;
}
#nawigacja-main-container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
background-color: #fff;
}
#obrot-main-container {
display: flex;
justify-content: center; /* Center the content horizontally */
align-items: center; /* Center the content vertically */
width: 100%;
height: 120vh; /* Center items vertically */
}
#obrot-container {
display: flex;
width: 100%;
margin: 0 auto; /* Center the container */
box-sizing: border-box;
padding: 20px;
align-items: center;
}
#obrot-text-container {
flex: 1;
width: 35%; /* Reduce the width to make the text take up less space */
padding-left: 10%; /* Add padding to create space between text and video */
color: #fff;
font-family: „SF Pro Display”, sans-serif;
}
#obrot-features-container {
display: flex;
flex-direction: column;
gap: 20px; /* Space between items */
margin-top: 20px; /* Space above the container */
}
#obrot-feature-item1,
#obrot-feature-item2,
#obrot-feature-item3 {
display: flex;
align-items: center;
gap: 10px; /* Space between icon and text */
}
#obrot-feature-text1,
#obrot-feature-text2,
#obrot-feature-text3 {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.011em;
line-height: 1.381002381;
color: #86868b;
}
#obrot-video-container {
flex: 1;
max-width: 45%;
box-sizing: border-box;
}
#obrot-youtube-video {
position: relative;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 0 auto;
}
#obrot-youtube-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wistia_embed {
width: 100%;
height: 100%;
position: relative;
}
.wistia_embed iframe,
.wistia_embed object,
.wistia_embed embed {
width: 100%;
height: 100%;
}
/* NOWY BOX */
#template-container {
display: flex;
justify-content: flex-start;
max-width: 80%;
margin: 0 auto;
padding: 20px;
gap: 20px;
align-items: flex-start;
}
#template-image-container {
margin-right: 30px;
flex: 1;
}
#template-image-container img {
width: 90%;
height: auto;
object-fit: contain;
}
#template-image-container-big img {
width: 80%;
height: auto;
object-fit: cover;
}
#template-text-container {
max-width: 600px;
display: flex;
flex: 2;
flex-direction: column;
justify-content: flex-start;
}
#template-white-title {
margin: 0;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
color: #fff;
word-wrap: break-word;
}
#template-white-title-small {
margin: 0;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 40px;
font-weight: 700;
color: #fff;
word-wrap: break-word;
}
#template-black-title {
margin: 0;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
color: #000000;
word-wrap: break-word;
}
#template-grey-subtitle {
margin: 40px 0;
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.011em;
word-wrap: break-word;
}
#template-white-subtitle-small {
margin: 40px 0;
color: #ffffff;
font-family: „SF Pro Display”, sans-serif;
font-size: 18px;
font-weight: 300;
letter-spacing: 0.011em;
word-wrap: break-word;
}
#template-black-subtitle {
margin: 40px 0;
color: #000000;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 400;
letter-spacing: 0.011em;
word-wrap: break-word;
}
#template-stats-container {
display: flex;
flex-wrap: wrap;
gap: 60px;
margin-top: 20px;
}
#template-stat1,
#template-stat2,
#template-stat3,
#template-stat4 {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 45%; /* Adjust width to fit two items per row */
}
#template-orange-stat1-title,
#template-orange-stat2-title,
#template-orange-stat3-title,
#template-orange-stat4-title {
color: #ffd60a;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 750;
}
#template-white-stat1-text,
#template-white-stat2-text,
#template-white-stat3-text,
#template-white-stat4-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
font-weight: 500;
line-height: 1.5em;
text-align: left;
color: #fff;
}
/*nowy box end */
#przepisy-right {
padding: 20px;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-start;
text-align: right;
}
#przepisy-right-function1-title,
#przepisy-right-function2-title,
#przepisy-right-function3-title {
margin-bottom: 10px;
color: #ffd60a;
font-family: „SF Pro Display”, sans-serif;
font-size: 2.5em;
font-weight: 750;
}
#robot-image {
width: 100%;
max-width: 30%;
margin-top: 1rem;
margin-left: 4rem;
flex: 1;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
animation: levitate 5s infinite alternate;
}
#smartstart-full-width-section {
width: 100%;
display: flex;
align-items: flex-end;
background-color: #fff;
box-sizing: border-box;
}
#smartstart-left-text {
padding: 20px;
flex: 1;
}
#smartstart-section-title {
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
line-height: 1;
}
#smartstart-subheader {
margin-top: 40px;
color: #555;
font-family: „SF Pro Display”, sans-serif;
font-size: 30px;
}
#smartstart-section-description {
margin-top: 10px;
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
}
#smartstart-right-image {
margin-right: 30px;
flex: 1;
}
#smartstart-right-image img {
width: 90%;
height: auto;
object-fit: contain;
}
#tytul_white {
background-color: #fff;
color: #000;
margin-top: 40px;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
text-align: center;
}
#wholebox-g {
max-width: 100%;
background-color: #fafafa;
}
#wholebox-bl {
max-width: 100%;
background-color: #000;
}
#wholebox-dblue {
max-width: 100%;
background-color: #424b54;
}
#ft-container {
box-sizing: border-box;
padding: 20px;
max-width: 80%;
display: flex;
margin: 0 auto;
flex-wrap: wrap;
gap: 20px;
align-items: flex-start;
justify-content: center;
}
#ft-grid {
width: 80%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 20px;
text-align: center;
}
#recipe-container {
display: flex;
justify-content: flex-start;
max-width: 80%;
margin: 0 auto;
padding: 20px;
gap: 20px;
align-items: flex-start;
background-color: #fff;
}
#recipe-image-container {
margin-right: 40px;
flex: 1;
}
#recipe-image-container img {
width: 100%;
height: auto;
object-fit: cover;
}
#recipe-text-container {
max-width: 600px;
display: flex;
flex: 2;
flex-direction: column;
justify-content: flex-start;
}
#recipe-title {
margin: 0;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
word-wrap: break-word;
}
#recipe-subtitle {
margin: 40px 0;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 400;
word-wrap: break-word;
}
#recipe-categories-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
}
#recipe-categories-container div {
padding: 5px 10px;
display: inline-block;
background-color: #ffd60a;
color: #000000;
white-space: nowrap;
border-radius: 20px;
font-size: 1em;
}
#twoje-przepisy-container {
width: 90%;
background-color: #000000 !important; /* Yellow background color */
color: #ffffff !important; /* Black text color */
text-align: center; /* Center text horizontally */
padding: 10px; /* Add padding for spacing */
font-size: 1.5em; /* Adjust font size as needed */
border-radius: 10px; /* Add border radius for rounded corners */
font-family: „SF Pro Display”, sans-serif; /* Apply font family */
}
#recipe-stats-container {
display: flex;
flex-wrap: nowrap;
gap: 60px;
margin-top: 20px;
}
#recipe-stat1,
#recipe-stat2,
#recipe-stat3 {
display: flex;
flex-direction: column;
align-items: right;
}
#recipe-stat1-title,
#recipe-stat2-title,
#recipe-stat3-title {
color: #ffd60a;
font-family: „SF Pro Display”, sans-serif;
font-size: 50px;
font-weight: 750;
}
#recipe-stat1-text,
#recipe-stat2-text,
#recipe-stat3-text {
font-family: „SF Pro Display”, sans-serif;
font-size: 1em;
font-weight: 500;
line-height: 1.5em;
text-align: left;
}
#smartstart-specs-section {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
background-color: #424b54;
color: #fff;
font-family: „SF Pro Display”, sans-serif;
}
#smartstart-specs-left {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
}
#smartstart-specs-image {
width: 100%;
height: auto;
margin-right: 40px;
}
#smartstart-specs-right {
padding: 20px;
flex: 1;
}
#smartstart-specs-title {
margin-bottom: 20px;
font-family: „SF Pro Display”, sans-serif;
font-size: 2.5em;
}
#smartstart-specs-physical,
#smartstart-specs-technical {
margin-bottom: 20px;
padding-left: 0;
list-style-type: none;
}
#smartstart-specs-physical > li,
#smartstart-specs-technical > li {
margin-bottom: 10px;
}
#smartstart-specs-physical ul,
#smartstart-specs-technical ul {
margin-top: 5px;
padding-left: 20px;
list-style-type: disc;
}
#smartstart-specs-physical ul li,
#smartstart-specs-technical ul li {
margin-bottom: 5px;
}
#zawartosc-zestawu {
display: flex;
justify-content: flex-start;
max-width: 80%;
margin: 0 auto;
padding: 20px;
gap: 20px;
align-items: flex-start;
}
[id^=”ft-icon”] {
margin-bottom: 10px;
color: #333;
border-radius: 20px;
}
[id^=”ft-item”] {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
#help-main-container {
width: 100%;
max-width: 65%;
margin: 0 auto;
padding: 20px 0;
box-sizing: border-box;
font-family: „SF Pro Display”, sans-serif;
}
#help-section {
display: flex;
width: 100%;
align-items: center; /* Center text container */
background-color: #f5f5f7;
box-sizing: border-box;
justify-content: space-between;
min-height: 450px; /* Adjust this as needed */
padding: 0 80px;
}
#help-text-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center; /* Center text vertically */
padding-right: 50px;
}
#help-icon {
width: 50px;
margin-bottom: 10px;
}
#help-icon img {
width: 100%;
height: auto;
}
#help-title {
font-size: 41px;
font-weight: 600;
color: rgb(29, 29, 31);
margin: 0;
}
#help-subtitle {
font-size: 21px;
font-weight: 500;
color: #000;
margin: 10px 0 0 0;
line-height: 1.2;
}
#help-image-container {
flex: 1;
display: flex;
align-self: flex-end !important; /* Align image container to bottom */
justify-content: flex-end !important;
height: 100%;
max-width: 400px;
box-sizing: border-box;
}
#help-image-container img {
width: auto;
height: 100%;
object-fit: contain;
display: block;
}
#urz-main-container {
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: 75%;
margin: 0 auto;
padding-top: 50px; /* Add padding to the top to prevent overlap */
box-sizing: border-box;
position: relative;
}
#urz-robot-image-container {
flex: 1;
display: flex;
justify-content: center;
align-items: flex-end;
max-width: 50%; /* Adjust as needed */
padding: 0;
margin-right: 10px; /* Add space between the image and table */
}
#urz-robot-image {
max-width: 50%;
height: auto;
position: absolute;
bottom: 0;
}
#urz-table {
flex: 0 0 45%; /* Adjusted to take up less space */
display: flex;
flex-direction: column;
margin: 0;
padding: 20px;
border-radius: 20px;
padding: 10px;
box-sizing: border-box;
font-family: „SF Pro Display”, sans-serif;
font-weight: 600;
align-self: flex-start;
}
[id^=”urz-row”] {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
[id^=”urz-cell”] img {
width: 100%; /* Adjust width as needed */
height: 80px; /* Fixed height */
object-fit: contain; /* Ensures the image covers the entire area, may crop some parts */
margin-bottom: 5px;
padding: 5px; /* Optional: Add padding to give the images some space within their frame */
box-sizing: border-box; /* Ensures padding is included within the width/height */
}
[id^=”urz-cell”] {
flex: 1;
text-align: center;
margin: 0 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
[id^=”urz-text”] {
margin-top: 10px;
font-size: 12px;
color: #000;
}
#nawigacja-image-container {
position: relative;
height: 860px;
overflow: hidden; /* This will prevent any overflow */
}
#nawigacja-image-container img {
position: absolute;
width: 100%; /* Ensures the image scales with the container */
height: auto; /* Maintains the aspect ratio */
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* Centers the image */
opacity: 0;
}
#progress-bar-container {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 40%; /* Adjust width as needed */
height: 5px; /* Adjust height as needed */
background-color: #ddd;
}
#sklep1 {
max-width: 45%;
padding: 20px;
background-color: #f5f5f7;
}
#progress-bar {
width: 0;
height: 100%;
background-color: #ffd60a;
}
#obrot-features-container2 {
display: flex;
flex-direction: column;
}
#help-links {
margin-top: 10px;
}
#help-link1,
#help-link2 {
display: inline-block;
font-size: 16px;
color: #ffd60a;
text-decoration: none;
margin-right: 15px;
font-family: „SF Pro Display”, sans-serif;
}
#help-link1:hover,
#help-link2:hover {
text-decoration: underline;
}
#help-icon1,
#help-icon2 {
margin-left: 5px;
}
#opinie-parent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
max-width: 80%;
background-color: #bdbdbd;
margin: 0 auto;
}
#opinia1 {
grid-area: 1 / 1 / 3 / 2;
}
#opinia2 {
grid-area: 3 / 1 / 6 / 2;
}
#opinia3 {
grid-area: 1 / 2 / 4 / 3;
}
#opinia4 {
grid-area: 4 / 2 / 6 / 3;
}
#opinia5 {
grid-area: 1 / 3 / 3 / 4;
}
#opinia6 {
grid-area: 3 / 3 / 6 / 4;
}
#opinia7 {
grid-area: 1 / 4 / 4 / 5;
}
#opinia8 {
grid-area: 4 / 4 / 6 / 5;
}
#sklep-container {
max-width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 20px;
}
#sklep-row {
display: flex;
justify-content: space-between;
width: 100%;
}
#sklep-item1,
#sklep-item2 {
background-color: #f5f5f7;
border-radius: 20px;
text-align: center;
flex: 1;
margin: 10px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between; /* Ensures the image is at the bottom */
padding: 20px 20px 0 20px; /* Top and side padding only */
}
#sklep-item1 img,
#sklep-item2 img {
width: 80%; /* Ensure the image fills the width */
height: auto;
margin: 0 auto; /* Maintain aspect ratio */
object-fit: contain; /* Ensures the image is contained within the div */
display: block; /* Removes any potential inline spacing issues */
margin-top: auto; /* Pushes the image to the bottom */
}
#sklep-item1 p,
#sklep-item2 p {
margin-bottom: 20px; /* Adds space below the text */
}
#sklep-title1,
#sklep-title2 {
font-family: „SF Pro Display”, sans-serif;
font-size: 24px;
font-weight: 600;
color: #000;
margin: 10px 0;
}
#sklep-description1,
#sklep-description2 {
font-family: „SF Pro Display”, sans-serif;
font-size: 16px;
color: #666;
margin: 10px 0;
}
#sklep-link1,
#sklep-link2 {
font-family: „SF Pro Display”, sans-serif;
font-size: 16px;
color: #007aff;
text-decoration: none;
margin-bottom: 20px;
display: block;
}
#sklep-link1:hover,
#sklep-link2:hover {
text-decoration: underline;
}
#sklep-image1,
#sklep-image2 {
width: 80%;
height: auto;
margin-top: 20px;
}
#tytul-bialy-left {
font-family: „SF Pro Display”, sans-serif;
font-size: 60px;
font-weight: 700;
word-wrap: break-word;
line-height: 1;
text-align: left;
margin-top: 50px;
color: #fff;
}
#FAQ {
max-width: 50%;
margin: 0 auto;
}
/* Testimonial container and general styling */
#testimonial-container {
max-width: 1500px;
margin: 0 auto;
padding: 40px 0;
text-align: center;
font-family: „SF Pro Display”, sans-serif;
position: relative;
}
#testimonial-header-text {
font-size: 25px;
color: #86868b;
letter-spacing: 1px;
margin-bottom: 5px; /* Adjust margin to reduce space */
font-weight: 700;
line-height: 1.2; /* Adjust line-height for tighter spacing */
}
#testimonial-header-title {
font-size: 60px;
font-weight: bold;
margin-bottom: 5px; /* Adjust margin to reduce space */
line-height: 1.4; /* Adjust line-height to control spacing */
}
#carousel-container {
position: relative;
overflow: hidden;
width: 100%;
}
#carousel-track {
display: flex;
width: 300%;
transition: transform 0.5s ease-in-out;
gap: 20px;
}
/* Add space between each testimonial slide */
#carousel-track > div {
flex: 1;
border: 1px solid #e6e6e6;
border-radius: 8px;
padding: 20px;
text-align: left;
width: 33.33%;
background: white;
box-sizing: border-box;
}
#carousel-track img {
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 10px;
}
/* Testimonial styling */
#testimonial1,
#testimonial2,
#testimonial3,
#testimonial4,
#testimonial5,
#testimonial6,
#testimonial7,
#testimonial8,
#testimonial9 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #e6e6e6;
border-radius: 8px;
padding: 20px;
text-align: left;
background: white;
box-sizing: border-box;
min-height: 270px;
}
#prev-button,
#next-button {
width: 40px; /* Set width to be equal to height for round buttons */
height: 40px; /* Adjust size for larger, round buttons */
background-color: #e2e2e5;
color: #636364;
border: none;
border-radius: 50%; /* Make the buttons round */
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 18px; /* Adjust font size if needed */
}
/* Hover effect to change the background color to a lighter shade */
#prev-button:hover,
#next-button:hover {
background-color: #f5f5f5; /* Lighter color on hover */
}
/* Increase the gap between the buttons */
#button-container {
display: flex;
justify-content: center;
gap: 30px; /* Increase the gap between the two buttons */
}
#pagination div:nth-child(n + 4) {
display: none; /* Hide dots 4 to 9 on desktop */
}
/* Common styling for stars, text, and user info */
#testimonial-stars1,
#testimonial-stars2,
#testimonial-stars3,
#testimonial-stars4,
#testimonial-stars5,
#testimonial-stars6,
#testimonial-stars7,
#testimonial-stars8,
#testimonial-stars9 {
display: flex;
align-items: center;
margin-bottom: 10px;
}
#testimonial-stars1 span,
#testimonial-stars2 span,
#testimonial-stars3 span,
#testimonial-stars4 span,
#testimonial-stars5 span,
#testimonial-stars6 span,
#testimonial-stars7 span,
#testimonial-stars8 span,
#testimonial-stars9 span {
color: #ffb400;
font-size: 26px;
margin-right: 8px;
}
#testimonial-stars1 p,
#testimonial-stars2 p,
#testimonial-stars3 p,
#testimonial-stars4 p,
#testimonial-stars5 p,
#testimonial-stars6 p,
#testimonial-stars7 p,
#testimonial-stars8 p,
#testimonial-stars9 p {
margin: 0;
font-size: 24px;
font-weight: bold;
color: #636364;
font-family: „SF Pro Display”, sans-serif;
}
/* Testimonial text styling */
#testimonial-text1,
#testimonial-text2,
#testimonial-text3,
#testimonial-text4,
#testimonial-text5,
#testimonial-text6,
#testimonial-text7,
#testimonial-text8,
#testimonial-text9 {
font-size: 16px;
color: #333;
margin-bottom: 20px;
}
/* User information styling */
#testimonial-user1,
#testimonial-user2,
#testimonial-user3,
#testimonial-user4,
#testimonial-user5,
#testimonial-user6,
#testimonial-user7,
#testimonial-user8,
#testimonial-user9 {
display: flex;
align-items: center;
border-top: 1px solid #e6e6e6;
padding-top: 10px;
}
#testimonial-user1 img,
#testimonial-user2 img,
#testimonial-user3 img,
#testimonial-user4 img,
#testimonial-user5 img,
#testimonial-user6 img,
#testimonial-user7 img,
#testimonial-user8 img,
#testimonial-user9 img {
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 10px;
}
#testimonial-user1 div p,
#testimonial-user2 div p,
#testimonial-user3 div p,
#testimonial-user4 div p,
#testimonial-user5 div p,
#testimonial-user6 div p,
#testimonial-user7 div p,
#testimonial-user8 div p,
#testimonial-user9 div p {
margin: 0;
}
#name1,
#name2,
#name3,
#name4,
#name5,
#name6,
#name7,
#name8,
#name9 {
font-size: 14px;
font-weight: bold;
}
#date1,
#date2,
#date3,
#date4,
#date5,
#date6,
#date7,
#date8,
#date9 {
font-size: 12px;
color: #86868b;
}
/* 'Potwierdzony zakup’ text styling */
#purchase-status1,
#purchase-status2,
#purchase-status3,
#purchase-status4,
#purchase-status5,
#purchase-status6,
#purchase-status7,
#purchase-status8,
#purchase-status9 {
color: green;
font-size: 14px;
font-weight: 700;
font-family: „SF Pro Display”, sans-serif;
}
#wave-underline {
font-size: 90px;
font-weight: bold;
color: rgb(0, 0, 0);
text-transform: uppercase;
display: inline-block;
position: relative;
z-index: 1;
}
#wave-underline::after {
content: „”;
position: absolute;
left: 0;
bottom: 0px; /* Adjust based on the distance of the underline from the text */
width: 100%;
height: 20px;
background: url(„https://cobbo.pl/upload/cobbo/images/tp7/wavey.png”)
repeat-x;
background-size: 100% 100%;
transform: scale(1.1);
z-index: -1;
}
#intro-text1 {
max-width: 1200px;
margin: 0 auto; /* Centers the text block if parent is wider */
font-family: „SF Pro Display”, „SF Pro Text”, „Helvetica Neue”, Arial,
sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 28px;
color: #6e6e6e; /* Approx. rgb(110, 110, 110) */
}
}
/* Desktop styling: For screens 1200px and wider */
@media (min-width: 1200px) {
#wistiavid-image-container {
width: 1200px;
margin: 0 auto 20px auto; /* Centers container and adds bottom margin */
display: block;
}
}
/* Mobile styling: For screens narrower than 1200px */
@media (max-width: 1199px) {
#wistiavid-image-container {
width: 95%;
margin: 0 auto 20px auto; /* Centers container and adds bottom margin */
display: block;
}
}
/* Maintain 16:9 aspect ratio */
#wistiavid-video-wrapper {
position: relative;
width: 100%;
padding-top: 56.25%;
box-shadow: 0 0 10px rgba(255, 255, 255, 0.8),
0 0 20px rgba(255, 255, 255, 0.6); /* 16:9 aspect ratio */
border-radius: 20px;
}
#wistiavid-video-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Desktop styling: For screens 700px and wider */
@media (min-width: 700px) {
#wistiavid-image-container-szorowanie {
width: 700px;
margin: 0 auto 20px auto; /* Centers container and adds bottom margin */
display: block;
}
}
/* Mobile styling: For screens narrower than 700px */
@media (max-width: 699px) {
#wistiavid-image-container-szorowanie {
width: 100%;
margin: 0 auto 20px auto; /* Centers container and adds bottom margin */
display: block;
}
}
/* Maintain 16:9 aspect ratio */
#wistiavid-video-wrapper-szorowanie {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio */
}
#wistiavid-video-wrapper-szorowanie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}/* Kontener główny – wymuszenie tła i fontu */
#cobbo-engine-section {
background-color: #0b0b0b !important;
color: #ffffff !important;
font-family: „SF Pro Display”, Arial, sans-serif !important;
padding: 80px 40px !important;
margin: 40px auto !important;
max-width: 1200px !important;
border-radius: 30px !important;
line-height: 1.5 !important;
} /* Nagłówek sekcji */
#cobbo-engine-header {
text-align: center !important;
margin-bottom: 60px !important;
}
#cobbo-engine-badge {
background: linear-gradient(90deg, #ffd400 0%, #ffae00 100%) !important;
color: #000 !important;
padding: 10px 25px !important;
border-radius: 50px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
font-size: 14px !important;
display: inline-block !important;
margin-bottom: 20px !important;
}
#cobbo-engine-main-title {
font-size: 52px !important;
font-weight: 900 !important;
letter-spacing: -1px !important;
margin: 0 !important;
color: #fff !important;
line-height: 1.1 !important;
} /* Layout: Grafika + Tekst */
#cobbo-engine-layout {
display: flex !important;
align-items: center !important;
gap: 50px !important;
flex-wrap: wrap !important;
}
#cobbo-engine-visual {
flex: 1 !important;
min-width: 300px !important;
text-align: center !important;
}
#cobbo-engine-image {
max-width: 100% !important;
height: auto !important;
filter: drop-shadow(0 0 40px rgba(0, 225, 255, 0.15)) !important;
}
#cobbo-engine-info {
flex: 1 !important;
min-width: 300px !important;
} /* Bloki statystyk */
.cobbo-stat-card {
margin-bottom: 40px !important;
}
#cobbo-stat-11k {
font-size: 72px !important;
font-weight: 900 !important;
color: #f1c40f !important;
display: block !important;
line-height: 1 !important;
}
#cobbo-stat-diff {
font-size: 40px !important;
font-weight: 900 !important;
color: #ffffff !important;
border-bottom: 3px solid #f1c40f !important;
display: inline-block !important;
margin-bottom: 15px !important;
}
#cobbo-engine-description {
font-size: 19px !important;
color: #d1d1d1 !important;
margin-top: 20px !important;
}
#cobbo-engine-market-fact {
background: rgba(255, 255, 255, 0.05) !important;
border-left: 4px solid #f1c40f !important;
padding: 25px !important;
margin-top: 30px !important;
font-style: italic !important;
font-size: 18px !important;
} /* Responsywność */
@media (max-width: 900px) {
#cobbo-engine-layout {
flex-direction: column !important;
}
#cobbo-engine-main-title {
font-size: 36px !important;
}
#cobbo-engine-section {
padding: 40px 20px !important;
}
}
Profesjonalna kuchnia na Twoim blacie.
#cobbo-achievements-container1452{
max-width:1200px;
width:100%;
margin:40px auto;
padding:50px 20px;
box-sizing:border-box;
text-align:center;
border-radius:24px;
overflow:hidden;
background:
radial-gradient(circle at 20% 30%, rgba(255,255,255,0.05), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(255,255,255,0.04), transparent 40%),
linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2b2b2b 100%);
box-shadow:0 20px 60px rgba(0,0,0,0.6);
}
#cobbo-achievements-title1452{
font-size:36px;
line-height:1.2;
margin:0 0 25px 0;
color:#ffffff;
letter-spacing:0.5px;
}
#cobbo-row1452{
display:flex !important;
flex-wrap:nowrap !important;
justify-content:space-between;
align-items:stretch;
gap:20px;
width:100%;
box-sizing:border-box;
}
#item11452,
#item21452,
#item31452,
#item41452{
position:relative;
flex:0 0 calc(25% – 15px) !important;
max-width:calc(25% – 15px) !important;
min-width:0;
box-sizing:border-box;
cursor:pointer;
}
#wrap11452,
#wrap21452,
#wrap31452,
#wrap41452{
position:relative;
width:100%;
}
#img11452,
#img21452,
#img31452,
#img41452{
display:block;
width:100%;
height:auto;
border-radius:14px;
box-shadow:0 10px 25px rgba(0,0,0,0.6);
transition:0.3s;
}
#play11452,
#play21452,
#play31452,
#play41452{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(1);
width:52px;
height:52px;
border-radius:50%;
background:rgba(255,255,255,0.15);
display:flex;
align-items:center;
justify-content:center;
transition:0.3s;
}
#triangle11452,
#triangle21452,
#triangle31452,
#triangle41452{
width:0;
height:0;
border-left:15px solid #ffffff;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
margin-left:4px;
}
@media (max-width:768px){
#cobbo-achievements-container1452{
padding:30px 15px;
}
#cobbo-achievements-title1452{
font-size:26px;
margin-bottom:20px;
}
#cobbo-row1452{
flex-wrap:wrap !important;
gap:16px;
}
#item11452,
#item21452,
#item31452,
#item41452{
flex:0 0 calc(50% – 8px) !important;
max-width:calc(50% – 8px) !important;
}
}
Limitowana Edycja Premium
Profesjonalna kuchnia na Twoim blacie.
COBBO 7 Black Pro. Wyższy poziom domowego gotowania.
Oto nowa odsłona doskonałości. Wersja Black Pro to nie tylko ikoniczny design głębokiej czerni ze złotymi detalami. To przede wszystkim potężne narzędzie wzbogacone o najnowsze oprogramowanie, które sprawia, że praca w kuchni jest jeszcze bardziej intuicyjna i płynna.
Z myślą o najbardziej wymagających użytkownikach, zestaw Black Pro rozszerzyliśmy o profesjonalny malakser oraz dedykowaną nakładkę do gotowania jajek. W połączeniu z rekordową prędkością 11 000 obrotów na minutę, otrzymujesz kompletny system kulinarny, który nie zna słowa „niemożliwe”.
@keyframes scroll-recipes { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes scroll-left-id { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes scroll-right-id { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }
@media (max-width: 768px) {
#cobbo-prog-title { font-size: 28px !important; }
}
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
Specyfikacja
Dane produktu
| Marka | COBBO Robotics |
|---|---|
| Symbol | 575_157 |
| EAN | 5907494766861 |
| Kategoria | AGD do kuchni, Blendery, miksery i roboty |
| 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
