/* =========================
TYTUŁ
========================= */
#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;
}
/* =========================
KARTA PREZENTU (tylko ona ma kolor)
========================= */
#gift-card-stand {
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-stand:hover {
transform:translateY(-6px);
}
/* =========================
OBRAZ
========================= */
#gift-image-stand {
margin-bottom:30px;
}
#gift-image-stand img {
max-width:260px;
width:100%;
display:block;
margin:0 auto;
}
/* =========================
TEKST
========================= */
#gift-heading-stand {
font-size:28px;
font-weight:700;
margin-bottom:15px;
color:#000;
}
#gift-text-stand {
font-size:18px;
line-height:1.6;
color:#333;
}
/* =========================
BADGE
========================= */
#gift-badge-stand {
display:inline-block;
background:#77c66b;
color:#fff;
font-weight:700;
padding:8px 18px;
border-radius:20px;
font-size:14px;
margin-bottom:20px;
}
/* =========================
MOBILE
========================= */
@media (max-width:768px) {
#zestaw-promo-title {
font-size:2em;
}
#gift-card-stand {
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: #f0d381;
}
100%,
34% {
color: #a9a9a9;
}
}
@keyframes colorChange2 {
0%,
33% {
color: #a9a9a9;
}
34%,
66% {
color: #f0d381;
}
100%,
67% {
color: #a9a9a9;
}
}
@keyframes colorChange3 {
0%,
66% {
color: #a9a9a9;
}
100%,
67% {
color: #f0d381;
}
}
@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: 0;
padding-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 {
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 28px;
font-weight: 600;
text-align: center;
}
#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: #f0d381;
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: #f0d381;
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: #f0d381;
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: #f0d381;
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: 10px 0;
color: #000000;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 400;
letter-spacing: 0.011em;
padding: 20px 10px;
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: #f0d381;
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: #f0d381;
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: #f0d381;
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: #f5f5f5;
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: #f0d381;
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: #f5f5f5;
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 {
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 28px;
font-weight: 600;
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: #f0d381;
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: #f0d381;
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: #f0d381;
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; /* horizontal */
align-items: center; /* vertical */
}
}
#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;
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: 30px;
gap: 20px;
align-items: flex-start;
margin-top: 40px;
}
#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: 45px;
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: 20px 0;
color: #000000;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 400;
letter-spacing: 0.011em;
word-wrap: break-word;
padding: 20px 10px;
}
#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: #f0d381;
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: #f0d381;
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: #f0d381;
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: #f0d381;
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: #f5f5f5;
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: #f5f5f5;
}
#progress-bar {
width: 0;
height: 100%;
background-color: #f0d381;
}
#obrot-features-container2 {
display: flex;
flex-direction: column;
}
#help-links {
margin-top: 10px;
}
#help-link1,
#help-link2 {
display: inline-block;
font-size: 16px;
color: #f0d381;
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: #f5f5f5;
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 iframe {
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%;
}#wholebox-g {
max-width: 100%;
background-color: #fafafa;
}
#template-container {
display: flex;
justify-content: center;
align-items: flex-end;
max-width: 1200px;
margin-inline-start: auto;
margin-inline-end: auto;
gap: 15px;
background: linear-gradient(to bottom, #0e0e0e, #000000);
padding-block: 15px;
border-radius: 20px;
}
#template-image-container {
margin: 0 auto;
flex: 1;
}
#template-image-container img {
width: 100%;
height: auto;
margin: 0 auto;
object-fit: contain;
}
#template-text-container {
max-width: 600px;
display: flex;
flex: 2;
flex-direction: column;
justify-content: flex-end !important;
}
#tytul-bialy-center {
margin: 0 auto;
text-align: center;
font-family: „SF Pro Display”, sans-serif;
font-size: clamp(2.7rem, 8vw, 4rem);
font-weight: 700;
color: #ffffff;
line-height: 1.1;
word-break: keep-all;
overflow-wrap: normal;
white-space: normal;
text-wrap: balance;
}
#template-black-subtitle {
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.011em;
line-height: 1.381002381;
padding: 20px 10px;
text-align: left;
margin-top: 0;
}
#template-black-title {
margin: 0;
line-height: 1;
font-family: „SF Pro Display”, sans-serif;
font-size: 64px;
font-weight: 700;
color: #ffffff;
word-wrap: break-word;
}
/* Square video wrapper (1:1) */
#wistiavid-video-wrapper-square {
position: relative;
width: 100%;
padding-top: 100%;
}
#wistiavid-video-wrapper-square img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Mobile */
@media (max-width: 768px) {
#template-container {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
background: linear-gradient(to bottom, #0e0e0e, #000000);
padding-block: 25px;
border-radius: 20px;
}
#template-image-container img {
width: 100%;
height: auto;
object-fit: cover;
margin-inline-start: auto;
margin-inline-end: auto;
}
#template-black-title {
max-width: 90%;
margin-inline-start: auto;
margin-inline-end: auto;
text-align: center;
font-family: „SF Pro Display”, sans-serif;
font-size: 36px;
font-weight: 700;
color: #ffffff;
line-height: 1;
word-wrap: break-word;
padding: 10px;
margin-bottom: 0;
}
#template-black-subtitle {
color: #86868b;
font-family: „SF Pro Display”, sans-serif;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.011em;
line-height: 1.381002381;
padding: 20px 10px;
text-align: left;
margin-top: 0;
}
#wistiavid-video-wrapper-square {
width: 100%;
margin: 0 auto 5px;
}
}#steam-modes-section {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: „SF Pro Display”, sans-serif;
}
#steam-mode-box {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 80px;
}
#steam-mode-image img {
width: 100%;
max-width: 450px;
height: auto;
border-radius: 20px;
display: block;
}
#steam-mode-text h2 {
font-size: 60px;
font-weight: 700;
line-height: 1;
color: #000;
margin: 0 0 20px 0;
}
#steam-mode-text p {
font-size: 21px;
font-weight: 500;
line-height: 1.4;
color: #343436;
margin: 0;
max-width: 600px;
}
@media (max-width: 768px) {
#steam-mode-box {
flex-direction: column;
text-align: left;
gap: 20px;
margin-bottom: 60px;
}
#steam-mode-text h2 {
font-size: 34px;
}
#steam-mode-text p {
font-size: 18px;
}
#steam-mode-image img {
max-width: 100%;
}
/* BLOK 1 */
#steam-image-1 {
order: 1;
}
#steam-text-1 {
order: 2;
}
/* BLOK 2 */
#steam-image-2 {
order: 1;
}
#steam-text-2 {
order: 2;
}
}#steam-dark-section {
background-color: #020202;
padding: 120px 20px;
font-family: „SF Pro Display”, sans-serif;
}
#steam-dark-wrapper {
max-width: 1300px;
margin: 0 auto;
}
#steam-row-1,
#steam-row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 100px;
margin-bottom: 140px;
}
#steam-image-1 img,
#steam-image-2 img {
width: 100%;
border-radius: 20px;
display: block;
}
#steam-title-1,
#steam-title-2 {
font-size: 60px;
font-weight: 700;
line-height: 1;
color: #ffffff;
margin: 0 0 40px 0;
}
#steam-lead-1,
#steam-lead-2 {
font-size: 28px;
font-weight: 600;
color: #86868b;
margin-bottom: 40px;
line-height: 1.2;
}
#steam-f1-1,
#steam-f1-2,
#steam-f1-3,
#steam-f2-1,
#steam-f2-2,
#steam-f2-3 {
font-size: 20px;
font-weight: 500;
line-height: 1.5;
color: #d0d0d0;
margin-bottom: 25px;
}
#steam-accent-1,
#steam-accent-2,
#steam-accent-3,
#steam-accent-4,
#steam-accent-5,
#steam-accent-6,
#steam-accent-7,
#steam-accent-8,
#steam-accent-9,
#steam-accent-10,
#steam-accent-11,
#steam-accent-12 {
color: rgb(240, 211, 129);
}
@media (max-width: 768px) {
#steam-row-1,
#steam-row-2 {
grid-template-columns: 1fr;
gap: 40px;
margin-bottom: 80px;
}
#steam-title-1,
#steam-title-2 {
font-size: 34px;
}
#steam-lead-1,
#steam-lead-2 {
font-size: 20px;
}
#steam-f1-1,
#steam-f1-2,
#steam-f1-3,
#steam-f2-1,
#steam-f2-2,
#steam-f2-3 {
font-size: 18px;
}
}#steam-spec-section {
background: #0c1618;
padding: 120px 20px;
font-family: „SF Pro Display”, sans-serif;
}
/* KARTY */
#steam-spec-card,
#steam-pack-card2 {
background: #f3f1ed;
border-radius: 32px;
max-width: 1300px;
margin: 0 auto 100px auto;
padding: 80px 60px;
}
/* ROW */
#steam-spec-row,
#steam-pack-row2 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 100px;
}
/* OBRAZY */
#steam-spec-image,
#steam-pack-image2 {
flex: 1;
text-align: center;
}
#steam-spec-image img,
#steam-pack-image2 img {
width: 100%;
max-width: 520px;
border-radius: 24px;
display: block;
margin: 0 auto;
}
/* TEKST */
#steam-spec-text,
#steam-pack-text2 {
flex: 1;
}
#steam-spec-title,
#steam-pack-title2 {
font-size: 64px;
font-weight: 700;
color: #000;
margin-bottom: 40px;
line-height: 1;
}
#steam-spec-title2 {
font-size: 36px;
margin-top: 20px;
margin-bottom: 30px;
}
#steam-spec-list,
#steam-pack-list2 {
list-style: disc;
padding-left: 24px;
font-size: 20px;
font-weight: 500;
line-height: 1.8;
color: #000;
}
/* MOBILE */
@media (max-width: 768px) {
#steam-spec-card,
#steam-pack-card2 {
padding: 50px 30px;
}
#steam-spec-row,
#steam-pack-row2 {
flex-direction: column;
gap: 40px;
}
#steam-spec-image,
#steam-pack-image2 {
order: 1;
}
#steam-spec-text,
#steam-pack-text2 {
order: 2;
}
#steam-spec-title,
#steam-pack-title2 {
font-size: 36px;
}
#steam-spec-title2 {
font-size: 28px;
}
#steam-spec-list,
#steam-pack-list2 {
font-size: 18px;
}
}#steam-faq-section {
background: #0c1618;
padding: 120px 20px;
font-family: „SF Pro Display”, sans-serif;
}
#steam-faq-card {
background: #f3f1ed;
border-radius: 32px;
max-width: 1000px;
margin: 0 auto;
padding: 80px 60px;
}
#steam-faq-title {
font-size: 56px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
}
#steam-faq-subtitle {
text-align: center;
font-size: 20px;
color: #555;
margin-bottom: 60px;
}
#steam-faq-q1,
#steam-faq-q2,
#steam-faq-q3,
#steam-faq-q4,
#steam-faq-q5 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 22px 24px;
cursor: pointer;
font-size: 20px;
font-weight: 600;
border-bottom: 1px solid #ddd;
transition: background .2s;
}
#steam-faq-q1:hover,
#steam-faq-q2:hover,
#steam-faq-q3:hover,
#steam-faq-q4:hover,
#steam-faq-q5:hover {
background: #e8e4dd;
}
#steam-faq-a1,
#steam-faq-a2,
#steam-faq-a3,
#steam-faq-a4,
#steam-faq-a5 {
display: none;
padding: 0 24px 24px 24px;
font-size: 18px;
line-height: 1.6;
color: #333;
}
#steam-faq-ico1 img,
#steam-faq-ico2 img,
#steam-faq-ico3 img,
#steam-faq-ico4 img,
#steam-faq-ico5 img {
width: 18px;
transition: transform .2s;
}
@media (max-width: 768px) {
#steam-faq-card {
padding: 50px 30px;
}
#steam-faq-title {
font-size: 32px;
}
#steam-faq-q1,
#steam-faq-q2,
#steam-faq-q3,
#steam-faq-q4,
#steam-faq-q5 {
font-size: 18px;
}
}
.png)

Prasowanie jednym dotknięciem!
Skrócona praca, dopracowany efekt, kontrolowane dociśnięcie.
COBBO Steam One PRO z Steam OneTouch Press System™ zamienia tradycyjne prasowanie w prawdziwy efekt jednego dotknięcia. Zamiast wielokrotnych ruchów żelazkiem, wystarczy jedno kontrolowane dociśnięcie dużej, podgrzewanej płyty, aby wygładzać materiał równomiernie i skutecznie.
Dzięki powierzchni prasowania ponad 10 razy większej niż w większości żelazek ręcznych oraz mocnemu dociskowi, prasujesz szybciej, sprawniej i bez przeciążania dłoni — nawet duże elementy garderoby, pościel czy zasłony. Efekt? Nawet do 50% krótszy czas pracy i realnie większy komfort każdego dnia.
+ Prasowanie jednym dotknięciem
+ Zwiększona powierzchnia
+ Skrócony czas pracy
Klasyczne żelazko ma niewielką stopę — zwykle około 23–25 cm długości i 11–13 cm szerokości — dlatego prasujesz wąskim „śladem”. To wymusza dziesiątki powtarzalnych ruchów: przejazd za przejazdem, wracanie w poprawki, dociskanie, wygładzanie miejsc, które znów się pofałdowały. Efekt? Więcej pracy, więcej czasu i szybciej odczuwalne zmęczenie.
COBBO Steam One PRO działa inaczej. Dzięki Steam OneTouch Press System™ nie „jeździsz” po materiale — uzyskujesz efekt jednego dotknięcia, czyli jednego kontrolowanego dociśnięcia. Duża płyta prasująca 101 × 30 cm daje powierzchnię aż 10,5 razy większą niż w większości żelazek ręcznych, co pozwala skrócić czas prasowania nawet o 50%.
To szczególnie czuć przy dużych rzeczach: pościeli, zasłonach, obrusach — obejmujesz większy fragment naraz i prasujesz szybciej, równiej, bez frustracji. A gdy prasujesz drobniejsze elementy, duża powierzchnia robocza daje dodatkową przewagę: możesz ułożyć kilka rzeczy jednocześnie i wygładzać je sprawniej, bez ciągłego przekładania.

Inteligentny wybór tkaniny
Perfekcyjny efekt bez ryzyka!

Wełna

Bawełna

Jedwab

Len

Nylon

Jedwab

Wełna

Bawełna

Len

Nylon

Jedwab

Wełna

Bawełna

Len

Nylon

Jedwab

Wełna

Bawełna

Len

Nylon

Jedwab
document.addEventListener(„DOMContentLoaded”, () => { const slider = document.getElementById(„food-slider”)});
Z FabricIQ Control™ prasowanie staje się proste i pewne. Wybierasz na ekranie rodzaj tkaniny, a urządzenie automatycznie dobiera optymalną temperaturę płyty oraz tryb pracy (w tym logikę działania pary) — tak, aby prasować skutecznie i bez stresu.
Wskaźniki na wyświetlaczu informują, kiedy urządzenie osiągnęło ustawienia i jest gotowe do pracy, w tym sygnalizują gotowość pary oraz gotowość wyrzutu pary.
Efekt końcowy? System dopasowuje działanie do tkaniny tak, byś nie musiał martwić się o przypalenia, uporczywe zagniecenia ani bezpieczeństwo delikatnych materiałów — tylko cieszyć się perfekcyjnie wygładzonym rezultatem.
+ Inteligentny dobór trybu pracy do tkanin
+ Prasowanie bez ryzyka
+ Przejrzysty i czytelny wyświetlacz
Przy zwykłym prasowaniu często robisz to „na wyczucie”: jedno ustawienie za gorące i pojawia się stres, czy tkanina się nie przypali, nie zmatowieje albo nie straci formy. A gdy w grę wchodzą delikatne materiały, ta niepewność potrafi odebrać całą przyjemność z domowej rutyny — bo zamiast wygładzać, ciągle kontrolujesz ryzyko.
W COBBO Steam One PRO ten problem znika dzięki FabricIQ Control™. Wszystko dzieje się prosto: na czytelnym, cyfrowym wyświetlaczu wybierasz typ tkaniny, a urządzenie automatycznie dopasowuje temperaturę płyty i tryb pracy (w tym sposób działania pary) — bez zgadywania, bez nerwowego „czy na pewno?”.
Co ważne, FabricIQ Control™ prowadzi Cię krok po kroku: wskaźniki na ekranie pokazują wybrany materiał i temperaturę, a także informują o gotowości pary oraz gotowości wyrzutu pary — gdy urządzenie jest gotowe, wskaźniki przestają migać i świecą światłem ciągłym.
Efekt jest dokładnie taki, jakiego oczekujesz od sprzętu klasy premium: perfekcyjnie wygładzone ubrania, mniej poprawek, mniej stresu i pewność, że nawet delikatne tkaniny są traktowane z właściwą ostrożnością.

Zmiękcz włókna i przyśpiesz efekt!
Osiągnij perfekcję w każdym dotyku.
Soft Fabric System™ wykorzystuje moc pary, aby rozluźniać i zmiękczać włókna tkanin jeszcze przed dociśnięciem płyty. Dzięki temu materiał poddaje się wygładzaniu szybciej, skuteczniej i z mniejszym oporem — bez nadmiernego docisku i bez powracania w te same miejsca.
System działa w trybie prasowania parowego oraz intensywnego wyrzutu pary, gdzie para aktywnie wspiera proces wygładzania, przenikając strukturę tkaniny i ułatwiając usuwanie zagnieceń.
Efekt? Szybsze prasowanie, lepsza skuteczność i bardziej miękki, naturalnie ułożony materiał — nawet przy grubszych lub wymagających tkaninach.
+ Głębokie zmiękczanie tkanin
+ Zwiększona skuteczność
+ Rozluźnienie tkaniny mocą pary
Wyobraź sobie ten moment: wyciągasz z prania koszulę albo poszewkę, rozkładasz ją na desce… i od razu czujesz, że materiał „trzyma” zagniecenia. Przy klasycznym prasowaniu zaczyna się wtedy walka: mocniej docisnąć, przejechać jeszcze raz, poprawić to samo miejsce, bo wciąż nie puszcza.
Soft Fabric System™ zmienia przebieg tej historii. W trybie prasowania parowego oraz intensywnego wyrzutu pary urządzenie najpierw pracuje parą — zmiękcza i rozluźnia włókna tkaniny, zanim płyta wykona docisk.
Tkanina przestaje stawiać opór, zagniecenia szybciej „odpuszczają”, a Ty nie musisz wracać w poprawki.
To jak różnica między próbą wygładzenia sztywnego materiału „na siłę”, a prasowaniem tkaniny, która stała się bardziej elastyczna i podatna na ułożenie — mniej wysiłku, mniej powtórzeń, bardziej równy, naturalny efekt. Szczególnie docenisz to przy grubszych i wymagających tkaninach, gdzie liczy się skuteczność i tempo pracy.

Oczyszcza i odświeża!
Odświeżenie, które czuć. Efekt, który widać.
SteamSanitize&Refresh™ to system, który sprawia, że tkanina po prasowaniu jest nie tylko idealnie gładka, ale przede wszystkim wyraźnie odświeżona. Para przenika w głąb włókien, dzięki czemu materiał odzyskuje „czystość w odbiorze” — wygląda lżej, bardziej schludnie i po prostu lepiej, jak po profesjonalnym odświeżeniu.
W trybie parowym oraz intensywnego wyrzutu pary odświeżenie dzieje się równolegle z wygładzaniem: tkanina zyskuje świeższy charakter, a przy okazji proces wspiera higienę materiału podczas prasowania. Efekt, który widać i czuć: ubrania wyglądają na bardziej zadbane, a pościel czy zasłony sprawiają wrażenie przyjemnie „odnowionych” — bez dodatkowych zabiegów.
+ Widoczne odświeżanie materiału
+ Wspieranie higieny
+ Efekt odnowionych tkanin
W klasycznym prasowaniu uzyskujesz gładkość — ale to często wszystko. Materiał jest wyprostowany, jednak wciąż może wyglądać na „zmęczony”: bez życia, bez świeżości, jakby brakowało mu finalnego wykończenia.
SteamSanitize&Refresh™ idzie o krok dalej. Intensywna para przenika w głąb włókien, sprawiając, że tkanina nie tylko się wygładza, ale odzyskuje lekkość, świeższy wygląd i efekt odnowienia. To różnica między „wyprasowane” a „wygląda jak nowe”.
W trybie parowym oraz intensywnego wyrzutu pary proces wygładzania i odświeżania odbywa się jednocześnie — materiał staje się bardziej sprężysty wizualnie, mniej „przygaszony”, wyraźnie zadbany. Ubrania prezentują się jak po profesjonalnym odświeżeniu, pościel sprawia wrażenie świeżo przygotowanej, a zasłony odzyskują czystość w odbiorze — bez dodatkowych zabiegów czy specjalnych środków.
To właśnie efekt odnowionych tkanin, który widać od razu i który podnosi standard codziennego prasowania na poziom profesjonalny.
Dopełnij efekt prasowania
Gładkie tkaniny to dopiero początek
Do prasowalnicy COBBO Steam One PRO możesz dobrać dedykowane wody zapachowe Steam Care Premium, które podczas prasowania pomagają nadać ubraniom, pościeli i innym tekstyliom przyjemne, świeże wykończenie.
Cytrusy
Lawenda
Zielona herbata
Wybierz swój zapach poniżej
3 tryby pracy!
Pełna kontrola nad każdym zagnieceniem.
Prasowanie na sucho
Idealne do szybkiego wygładzania oraz delikatnych materiałów wymagających kontrolowanego ciepła bez użycia pary. To precyzyjne, czyste prasowanie, które zapewnia pełną kontrolę nad efektem końcowym.
Tryb parowy
Aktywna para wspomaga proces wygładzania, rozluźniając włókna i przyspieszając usuwanie zagnieceń. Materiał staje się bardziej podatny na docisk, a efekt jest równy i naturalny.
Tryb intensywnego
wyrzutu pary
Silniejszy impuls pary pomaga szybciej rozprawić się z głębokimi zagnieceniami, przywracając tkaninom idealną gładkość nawet przy grubszych materiałach.
Inteligentna automatyka i bezpieczeństwo.
Spokój, który pracuje razem z Tobą!
COBBO Steam One PRO został zaprojektowany tak, aby myśleć razem z użytkownikiem. Zintegrowany system Auto Shut-Off automatycznie odcina grzanie płyty, gdy urządzenie pozostaje zamknięte dłużej niż 10 sekund lub nie jest używane przez około 15 minut w pozycji otwartej.
To nie tylko funkcja — to realna ochrona. Ochrona przed przegrzaniem, przed niepotrzebnym zużyciem energii i przed przypadkowym pozostawieniem urządzenia włączonego. Dodatkowy sygnał dźwiękowy informuje o zmianie statusu, a inteligentne wybudzanie przywraca gotowość do pracy w momencie ponownego użycia.
Efekt? Możesz przerwać prasowanie w dowolnej chwili — bez napięcia i bez sprawdzania, czy wszystko zostało wyłączone. To poziom bezpieczeństwa, który buduje zaufanie do urządzenia na lata.
Przejrzysty ekran i intuicyjna komunikacja
Pełna kontrola w domu i w profesjonalnym środowisku
COBBO Steam One PRO komunikuje się z użytkownikiem jasno i precyzyjnie. Cyfrowy wyświetlacz pokazuje wybraną tkaninę oraz aktualną temperaturę, a wskaźniki informują o gotowości pary, wyrzucie pary oraz konieczności wymiany filtra.
Migający symbol oznacza proces nagrzewania, a światło ciągłe to jednoznaczna informacja, że urządzenie jest gotowe do pracy. Bez domysłów i bez sprawdzania temperatury na próbę.
Ta czytelna komunikacja sprawia, że obsługa jest intuicyjna zarówno w codziennym użytku domowym, jak i w miejscach, gdzie liczy się tempo oraz powtarzalność efektu, takich jak małe pracownie krawieckie, szwalnie, pralnie czy punkty usługowe. Standard profesjonalnej kontroli pozostaje zawsze pod ręką.
Specyfikacja techniczna
- Model urządzenia: 7815
- Wymiary płyty: 101 × 30 cm
- Długość przewodu: ok. 1,9 m
- Wymiary urządzenia: 101 × 31,5 × 64 cm
- Nacisk płyty: do 50 kg
- Masa netto: ok. 14,88 kg
- Moc znamionowa: 2200 W
- Napięcie: 220–240 V
- Częstotliwość: 50–60 Hz
- Czas nagrzewania: ok. 3,5 min
- Wydajność pary: ok. 90 g/min
- Maksymalny wyrzut pary: do 120 g/min
- Pojemność zbiornika: 0,75 L
- Zalecany typ wody: destylowana
Zawartość zestawu
- Prasowalnica parowa
- Przewód zasilający
- Filtr wody
- Poduszka prasownicza
Rozszerz możliwości Twojego COBBO Steam One
Stojak do prasowalnicy parowej
Stabilna konstrukcja i ergonomiczna wysokość pracy. Stwórz komfortowe, profesjonalne stanowisko prasowania dopasowane do Twojej przestrzeni.
Dodaj stojak do koszyka → Poznaj model COBBO Steam One Compact 32″
Kompaktowa konstrukcja i wydajność idealna do codziennego użytku. Odkryj zalety mniejszego wariantu i sprawdź, jak zwiększy wygodę Twojego prasowania.
Przejdź do oferty → #steam-expand-section {
background:#0c1618;
padding:120px 20px;
font-family:”SF Pro Display”, sans-serif;
}
#steam-expand-wrapper {
max-width:1300px;
margin:0 auto;
}
#steam-expand-title {
text-align:center;
font-size:56px;
font-weight:700;
color:#ffffff;
margin-bottom:80px;
line-height:1.1;
}
#steam-expand-row {
display:flex;
gap:60px;
justify-content:center;
align-items:stretch;
}
/* KARTY */
#steam-expand-card-stand,
#steam-expand-card-pro {
flex:1;
background:#f3f1ed;
border-radius:32px;
padding:60px 50px;
display:flex;
flex-direction:column;
justify-content:space-between;
transition:transform .25s ease;
}
#steam-expand-card-stand:hover,
#steam-expand-card-pro:hover {
transform:translateY(-6px);
}
/* OBRAZY */
#steam-expand-image-stand,
#steam-expand-image-pro {
text-align:center;
margin-bottom:40px;
}
#steam-expand-image-stand img,
#steam-expand-image-pro img {
max-width:320px;
width:100%;
display:block;
margin:0 auto;
}
/* TEKST */
#steam-expand-heading-stand,
#steam-expand-heading-pro {
font-size:28px;
font-weight:700;
margin-bottom:20px;
color:#000;
}
#steam-expand-text-stand,
#steam-expand-text-pro {
font-size:18px;
line-height:1.7;
color:#000;
margin-bottom:35px;
}
/* BUTTON */
#steam-expand-button-stand,
#steam-expand-button-pro {
display:inline-block;
font-size:16px;
font-weight:600;
text-decoration:none;
color:#000;
background:#F0D381;
padding:14px 26px;
border-radius:40px;
margin-top: 20px;
transition:all .2s ease;
}
#steam-expand-button-stand:hover,
#steam-expand-button-pro:hover {
background:#e6c468;
}
/* MOBILE */
@media (max-width:768px) {
#steam-expand-title {
font-size:36px;
}
#steam-expand-row {
flex-direction:column;
gap:40px;
}
#steam-expand-card-stand,
#steam-expand-card-pro {
padding:40px 30px;
}
}
Najczęstsze pytania (FAQ)
Wszystko, co warto wiedzieć o COBBO STEAM ONE.
Czy prasowalnica nadaje się do delikatnych tkanin?
Tak. System FabricIQ Control™ umożliwia wybór rodzaju tkaniny, a urządzenie automatycznie dopasowuje temperaturę oraz tryb pracy. W przypadku delikatnych materiałów (np. jedwab, nylon) para jest odpowiednio kontrolowana lub niedostępna, co zwiększa bezpieczeństwo prasowania.
Jaką wodę należy stosować w urządzeniu?
Zaleca się stosowanie wody destylowanej lub zdemineralizowanej, aby zapobiec osadzaniu się kamienia w urządzeniu. Stosowanie wody z kranu może skrócić żywotność urządzenia, a osady kamienia mogą wpłynąć na efektywność wytwarzania pary. Prasowalnica posiada filtr antyosadowy, który pomaga w dłuższej eksploatacji, ale regularna wymiana wody jest kluczowa dla jej długowieczności.
Czy COBBO Steam One PRO nadaje się tylko do domu?
Model PRO został zaprojektowany głównie z myślą o użytkowaniu domowym, jednak dzięki wysokiej mocy i wydajnej parze może być również wykorzystywany w małych pracowniach krawieckich lub punktach usługowych o umiarkowanej intensywności pracy.
Czy prasowalnica jest bezpieczna w użytkowaniu domowym?
Tak. Model PRO wyposażony jest w system Auto Shut-Off, który automatycznie odcina grzanie płyty po ok. 10 sekundach w pozycji zamkniętej oraz po ok. 15 minutach bezczynności w pozycji otwartej. To zabezpieczenie przed przegrzaniem i przypadkowym pozostawieniem urządzenia włączonego.
Czy COBBO Steam One PRO zastępuje tradycyjne żelazko?
Tak. Dzięki dużej powierzchni prasowania (81 × 29,5 cm) oraz systemowi Steam OneTouch Press System™ urządzenie może z powodzeniem zastąpić klasyczne żelazko w codziennym użytkowaniu domowym. Prasowanie odbywa się poprzez kontrolowany docisk płyty, co znacząco ogranicza liczbę powtarzalnych ruchów.
function toggleFaq(n){ var ans = document.getElementById(’steam-faq-a’+n); var ico = document.querySelector(’#steam-faq-ico’+n+’ img’); if(ans.style.display === 'block’){ ans.style.display = 'none’; ico.style.transform = 'rotate(0deg)’; } else { ans.style.display = 'block’; ico.style.transform = 'rotate(180deg)’; } }