Webber L7 Caldas Dzierżoniów

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,500;0,600&display=swap'); /* Izolacja stylów tylko dla #caldas-styles */ #caldas-styles { font-family: 'IBM Plex Sans', sans-serif !important; } #caldas-styles h2, #caldas-styles h3, #caldas-styles h4, #caldas-styles p, #caldas-styles ul, #caldas-styles li { all: unset; font-family: 'IBM Plex Sans', sans-serif !important; } /* Stylizacja listy */ #caldas-styles .product-desc__content ul { display: block; /* Upewnia się, że lista wyświetla się w bloku */ margin: 0; /* Usuń domyślne marginesy */ padding-left: 20px; /* Odsunięcie od lewej */ list-style: disc; /* Stylizowanie punktów */ } /* Stylizacja elementów listy */ #caldas-styles .product-desc__content ul > li { display: list-item; /* Wyświetlaj każdy element jako element listy */ margin-bottom: 0.5rem; /* Odstęp między elementami */ font-size: 1rem; /* Ustaw rozmiar czcionki */ line-height: 1.5; /* Ustaw wysokość linii */ text-align: left; /* Wyrównanie tekstu do lewej */ } /* Styl podlisty */ #caldas-styles .product-desc__content ul ul { list-style: circle; /* Stylizowanie podlist jako kółek */ margin-left: 20px; /* Dodatkowe odsunięcie dla podlist */ } /* Styl elementów podlisty */ #caldas-styles .product-desc__content ul ul > li { margin-bottom: 0.5rem; } @media (max-width: 1023px) { /* Styl dla obniżenia tekstu w mobilnej wersji */ #caldas-styles .product-desc__block-mleczna .product-desc__content { margin-top: 40px; /* Obniżenie tekstu o 10px */ } #caldas-styles .product-desc__block-bezpieczenstwo .product-desc__content { margin-top: 30px; /* Obniżenie tekstu o 40px */ } #caldas-styles .product-desc__block-2w1 .product-desc__header { margin-top: 30px; /* Obniżenie o 10px */ } #caldas-styles .product-desc__block-ai .product-desc__header { font-size: 4rem !important; /* Ustawienie konkretnej wielkości czcionki */ } #caldas-styles .product-desc__block-precyzyjny .product-desc__content { margin-top: 40px; /* Obniżenie tekstu o 10px */ } #caldas-styles .product-desc__block-bezpieczenstwo .product-desc__header { font-size: 6rem; } #caldas-styles .product-desc__block-bezpieczenstwo .product-desc__header { white-space: pre-line; /* Umożliwia podział wierszy */ } #caldas-styles .mobile-line-break { display: block; /* Wymusza przeniesienie słowa do nowej linii */ } #caldas-styles .product-desc__block-akcesoria .product-desc__content { margin-top: 160px; /* Dodaje 20px marginesu na górze */ } } /* Media queries dla wersji mobilnej */ @media (max-width: 1023px) { #caldas-styles .product-desc__content ul { padding-left: 15px; /* Mniejsze odsunięcie dla mobilnych */ } #caldas-styles .product-desc__content ul > li { font-size: 1rem; /* Mniejszy tekst na mobilnych */ line-height: 1.4; } } @media (max-width: 1023px) { #caldas-styles .product-desc__img-desktop { display: none; } #caldas-styles .product-desc__img-mobile { display: block; } } @media (max-width: 1023px) { #caldas-styles .product-desc__img-desktop { display: none; } #caldas-styles .product-desc__img-mobile { display: block; } #caldas-styles .product-desc__desc { padding: 15px; } } /* FIX */ .tab-content { overflow: unset !important;} .tab-content .product-desc {margin-left: -15px; margin-right: -15px; } /* FIX */ /* vars */ .product-desc__block { position: absolute; overflow: hidden; /* Zapobiegnie wyciekaniu tekstu poza blok */ } .product-desc__desc { position: absolute; top: 0; left: 0; right: 0; } .product-desc { --pd-color: #4b4b4b; --pd-max-width: 1330px; } .product-desc__block--white { --pd-color: #fff; } .product-desc__block--gray { --pd-color: #4b4b4b; } .product-desc__block--blue { --pd-color: #617ac5; } .product-desc__block--orange { --pd-color: #f7b284; } .product-desc__block--black { --pd-color: black; } @media only screen and (max-width: 1023px) { .product-desc__block--white-mobile { --pd-color: #fff; } .product-desc__block--gray-mobile { --pd-color: #4b4b4b; } .product-desc__block--blue-mobile { --pd-color: #617ac5; } .product-desc__block--orange-mobile { --pd-color: #f7b284; } .product-desc__block--black-mobile { --pd-color: black; } } @media only screen and (min-width: 1024px) { .product-desc__block--white-desktop { --pd-color: #fff; } .product-desc__block--gray-desktop { --pd-color: #4b4b4b; } .product-desc__block--blue-desktop { --pd-color: #617ac5; } .product-desc__block--orange-desktop { --pd-color: #f7b284; } .product-desc__block--black-desktop { --pd-color: black; } } @media only screen and (max-width: 1023px) { .product-desc__desc { position: absolute; padding: 1rem; } } /* config */ .product-desc { position: relative; font-family: 'IBM Plex Sans', sans-serif; font-weight: 300 !important; } .product-desc img { display: block; max-width:100%; height: auto;} .product-desc, .product-desc * { box-sizing: border-box; } .product-desc__block { display: flex; flex-direction: column; align-items: center; justify-items: center; position: absolute; } .product-desc__img-desktop {width:100%} .product-desc__img-mobile {display: none} .product-desc__desc { position: absolute; top: 0; left: 0; right: 0; padding: 1rem 2rem; width: 100%; } /* block */ .product-desc__block { margin-bottom: 1rem; color:var(--pd-color); max-width: var(--pd-max-width); position: relative; margin: 0 auto; overflow: hidden; min-height: 300px; } /* block-group */ .product-desc__block-group { padding: 1%; } .product-desc__block-group .product-desc__block-wrapper { position: relative; background: #f2f2f2; border-radius: 13px; overflow: hidden; } .product-desc__block-group .product-desc__brand { position: absolute; top: 20px; right: 20px; } .product-desc__block-group .product-desc__desc { position: relative; } .product-desc__block-group .product-desc__header { color: #a7a7a7 !important; } .product-desc__block-group .product-desc__header-wrapper { padding: .5rem 3rem 1rem; } .product-desc__block-group .product-desc__content-wrapper h2 { font-size: 52px; margin-top: 1rem; font-weight: 100;} .product-desc__header_akcesoria h2 { font-size: 182px; margin-top: 1rem; font-weight: 100;} /* .product-desc__block-group .product-desc__content-wrapper { padding: 1rem 2rem; } */ /* header */ .product-desc__header-wrapper { display: flex; justify-content: center; padding: 1rem; } .product-desc__header-wrapper--left { justify-content: flex-start; } .product-desc__header-wrapper--right { justify-content: flex-end; } .product-desc__header { margin: 0; margin-bottom: 1rem; white-space: nowrap; font-weight: 300; font-size: clamp(2.625rem, 10.426vw + 0.279rem, 8.75rem)!important; line-height: clamp(2.363rem, 10.872vw + -0.084rem, 8.75rem)!important; } .product-desc__header_akcesoria { font-size: 90px !important; margin-bottom: 1rem; white-space: nowrap; font-weight: 300; font-size: clamp(2.625rem, 10.426vw + 0.279rem, 8.75rem); line-height: clamp(2.363rem, -5.128vw + -0.084rem, 8.75rem); position: relative; top: -36px; } /* content */ .product-desc__content-wrapper { display: flex; width: 100%; } .product-desc__content-wrapper--left { justify-content: flex-start; } .product-desc__content-wrapper--right { justify-content: flex-end; } .product-desc__content-wrapper--left .product-desc__content { flex-basis: 46%; } .product-desc__content-wrapper--right .product-desc__content { flex-basis: 50%; padding-right: 1rem; } .product-desc__content { flex-basis: 100%;font-size: 18px; line-height: 1.15em; padding: 2rem 2.5rem; } .product-desc__content--font-small { font-size: 16px; line-height: 1.05em; } .product-desc__content--font-medium { font-size: clamp(1rem, 2.888vw + -0.847rem, 1.35rem); line-height: clamp(1.8rem, 3.466vw + -0.416rem, 2.4rem); } .product-desc__content--font-large { font-size: clamp(1.125rem, 3.61vw + -1.183rem, 1.75rem); line-height: clamp(2rem, 2.31vw + 0.523rem, 2.4rem); } .product-desc__content--font-huge { font-size: clamp(1.5rem, 2.888vw + -0.347rem, 2rem); line-height: clamp(2rem, 6.931vw + -2.632rem, 3rem); } .product-desc__content h2, .product-desc__content h3, .product-desc__content h4, .product-desc__content p, .product-desc__content li { margin: 0 0 1.25rem 0; } .product-desc__content h2 { font-size: 42px; font-weight: 300; line-height: 120%; margin-bottom: 1.5rem; } .product-desc__content h3 { font-size: 32px; font-weight: 300; line-height: 120%; margin-bottom: 2rem; } .product-desc__content h4 { font-size: 28px; font-weight: 300; line-height: 120%; margin-bottom: 2rem; } .product-desc__content p { margin-bottom: 2rem; } .product-desc__content p:last-child { margin-bottom: 0; } .product-desc__content ul { margin: 0; margin-top: .75rem; padding-inline-start: 20px; } .product-desc__content ul > li { margin-bottom: .65rem; } .product-desc__content ul > li > ul { margin-top: .5rem; margin-bottom: .5rem; } .product-desc__content ul > li > ul > li { margin-bottom: .25rem; } .product-desc__content strong { font-weight: 500;} /* */ /* helpers */ @media only screen and (max-width: 1023px) { .desktop-only { display: none !important; } .mobile-only { display: unset !important; } } @media only screen and (max-width: 1023px) { #caldas-styles .product-desc__block-2w1 .product-desc__desc, #caldas-styles .product-desc__block-ai .product-desc__desc, #caldas-styles .product-desc__block-precyzyjny .product-desc__desc, #caldas-styles .product-desc__block-precise-control .product-desc__desc, #caldas-styles .product-desc__block-intro .product-desc__desc, #caldas-styles .product-desc__block-mleczna .product-desc__desc, #caldas-styles .product-desc__block-mleczna-pianka .product-desc__desc, #caldas-styles .product-desc__block-bezpieczenstwo .product-desc__desc, #caldas-styles .product-desc__block-precise-design .product-desc__desc, #caldas-styles .product-desc__block-akcesoria .product-desc__desc { display: none !important; } } @media only screen and (max-width: 1023px) { .mobile-gap { height: 50px; /* lub więcej jeśli potrzeba */ display: block; } } /* mobile */ @media only screen and (max-width: 1023px) { .product-desc__img-mobile img { border-radius: 20px;} .product-desc__img-desktop { display: none; } .product-desc__img-mobile { display: block } .product-desc__block-group { padding: 3%; } .product-desc__block-group .product-desc__brand { max-width: 160px; } .product-desc__block-group .product-desc__header-wrapper { padding: 4rem 1.5rem 0; white-space: nowrap; } .product-desc__block-group .product-desc__content-wrapper h2 { font-size: 32px; margin-top: 1rem;} .product-desc__block-group .product-desc__content-wrapper { padding: 1rem 1.5rem; } .product-desc__block { max-width: 600px; margin: 0 auto;} .product-desc__header-wrapper { justify-content: flex-start; padding-left: 0; padding-right: 0; } .product-desc__header-wrapper--left, .product-desc__header-wrapper--right { justify-content: unset; } .product-desc__header { white-space: unset; padding-top: 1rem;} .product-desc__header { /* font-size: clamp(2.25rem, 20vw + -3rem, 4.5rem);*/ line-height: clamp(2.25rem, 26vw + -4.35rem, 5rem); } .product-desc__desc { position: absolute; padding: 1rem; } .product-desc__content { padding: .5rem 0; font-size: 22px !important; } .product-desc__content-wrapper--left .product-desc__content, .product-desc__content-wrapper--right .product-desc__content { flex-basis: unset; } .product-desc__block-precyzyjny .product-desc__header-wrapper { position: relative; top: 452px; /* Obniżenie nagłówka o 500px */ } } /* fix */ @media only screen and (min-width: 601px) and (max-width: 1023px) { .product-desc__block-group { padding:15px;} } /* custom styles blocks */ /* block-1 */ /* intro */ .product-desc__block-intro .product-desc__desc .product-desc__content { padding-top: 1rem;} .product-desc__block-intro .product-desc__desc .product-desc__content p { margin-bottom: 1.25rem; } @media only screen and (max-width: 1023px) { .product-desc__block-intro { --pd-color: back; } } /* block-2 */ /* filters */ .product-desc__block-filters .product-desc__desc { margin-top: 15%; } .product-desc__block-filters .product-desc__desc .product-desc__content li { margin-bottom: .25rem; } @media only screen and (max-width: 1023px) { .product-desc__block-filters .product-desc__desc { position: absolute !important; top: 45%; margin-top: 0; } .product-desc__block-filters .product-desc__desc .product-desc__content-wrapper { padding-left: 3rem; padding-right: 3rem; } .product-desc__block-filters .product-desc__desc .product-desc__content { font-size: 26px; line-height: 2em; } } .product-desc__block-filters .product-desc__desc li strong { font-weight: 900; color: #616c71; } /* stylowy */ .product-desc__block .product-desc__block--orange-desktop { --pg--color: #f7b284; color: var(--pg--color) } @media only screen and (max-width: 1023px) { .product-desc__block-ai { --pd-color: black; } .product-desc__block-bezpieczny { --pd-color: #617ac5; } .product-desc__block-ai .product-desc__content-wrapper { position: relative; top: 449px;} .product-desc__block-ai .product-desc__header-wrapper { position: relative; top: 452px; } } /* block-4 */ /* wielofunkcyjny */ .product-desc__block .product-desc__block--black-desktop { --pg--color: black; color: var(--pg--color) } @media only screen and (max-width: 1023px) { .product-desc__block-2w1 { --pd-color: white; } .product-desc__block-akcesoria { --pd-color: white; } .product-desc__block-bezpieczenstwo { --pd-color: black; } .product-desc__block-precyzyjny { --pd-color: black; } .product-desc__block-2w1 .product-desc__content--font-medium { position: relative; top: 480px; /* Obniżenie tekstu o 300px */ } } @media only screen and (max-width: 1023px) { .product-desc__block-precyzyjny .product-desc__content-wrapper { position: relative; top: 444px; } .product-desc__block-precise-control .product-desc__header { color: black !important; /* Wymuszenie koloru czarnego */ } .product-desc__block-2w1 .product-desc__header { position: relative; top: 10px; /* Obniżenie nagłówka o 10px */ } } /* block-5a */ /* precise-control */ .product-desc__block-led .product-desc__content--font-medium { margin-top: 12rem; /* Obniżenie tekstu o 5 linii */ } .product-desc__block-precise-control .product-desc__header { --pg--color: white; color: var(--pg--color) } @media only screen and (max-width: 1023px) { .product-desc__block-precise-control { --pd-color: black; } .product-desc__block-led .product-desc__content-wrapper {margin-top: 600px;} .product-desc__block-precise-control .product-desc__content-wrapper { position: relative; top: 450px;} .product-desc__block-precise-control .product-desc__header-wrapper { position: relative; top: -11px; } .product-desc__block-mleczna .product-desc__content-wrapper { position: relative; top: 750px;} .product-desc__block-mleczna .product-desc__header-wrapper { position: relative; top: -19px; } } /* block-5 */ /* smak pod kontrolą*/ @media only screen and (max-width: 1023px) { .product-desc__block-utrla-silent .product-desc__desc { padding-top: 0; padding-bottom: 0;} .product-desc__block-utrla-silent .product-desc__header-wrapper { padding-top: 0; padding-bottom: 0;} .product-desc__block-intro .product-desc__content-wrapper { position: relative; top: 460px; } .product-desc__block-intro .product-desc__header-wrapper { position: relative; top: -14px; } .product-desc__block-mleczna .product-desc__content-wrapper { position: relative; top: 418px; } .product-desc__block-mleczna-pianka .product-desc__header-wrapper { position: relative; top: -7px; } .product-desc__block-mleczna-pianka .product-desc__content-wrapper { position: relative; top: 480px; } .product-desc__block-mleczna-pianka .product-desc__header-wrapper { position: relative; top: -7px; } } /* block-6 */ @media only screen and (max-width: 1023px) { .product-desc__content_bezpieczenstwo p {margin-top: 10rem;} .product-desc__block-bezpieczny .product-desc__content-wrapper { margin-top: 600px; } } /* block-7 */ /* app */ .product-desc__block--app .product-desc__header-wrapper { padding-top: 0;} @media only screen and (max-width: 1023px) { .product-desc__block-bezpieczenstwo .product-desc__content-wrapper { position: relative; top: 490px; } .product-desc__block-bezpieczenstwo .product-desc__header-wrapper { position: relative; top: 1px;} .product-desc__block--app .product-desc__header-wrapper { padding-top: 2rem;} .product-desc__block--app .product-desc__desc { position: absolute !important; max-width: 600px; } .product-desc__block--app .product-desc__desc .product-desc__header-wrapper, .product-desc__block--app .product-desc__desc .product-desc__content-wrapper { padding-left: 1.5rem; padding-right: 1.5rem; } .product-desc__block--app .product-desc__desc .product-desc__content--font-huge { font-size: clamp(1.25rem, -0.75rem + 5vw, 1.8rem) !important; } } @media only screen and (max-width: 424px) { .product-desc__block--app .product-desc__header { padding-top: 0; margin-bottom: 0; } } /* block-8 */ /* certificate */ .product-desc__block--certificate .product-desc__desc .product-desc__content { padding-top: 4.5rem; padding-right: 10%; } .product-desc__block--certificate .product-desc__desc .product-desc__content h2 { font-size: clamp(2.5rem, -5.8478rem + 13.0435vw, 4.75rem); font-weight: 100; line-height: 1; } @media only screen and (max-width: 1023px) { .product-desc__block-precise-design .product-desc__content-wrapper { position: relative; top: 467px; } .product-desc__block-precise-design .product-desc__header-wrapper { position: relative; top: -15px; } .product-desc__block--certificate .product-desc__desc { position: absolute !important; max-width: 500px;} .product-desc__block--certificate .product-desc__desc .product-desc__content-wrapper { padding-left: 1.5rem; padding-right: 1.5rem; } .product-desc__block--certificate .product-desc__desc .product-desc__content { padding-top: 3.5rem; } .product-desc__block--certificate .product-desc__desc .product-desc__content h2 { font-size: clamp(2.5rem, 1.2783rem + 5.4299vw, 4rem); } .specific-block .product-desc__content-wrapper--left { margin-top: 600px; } } /* block-9 */ /* accesories */ .product-desc__block--accesories { --color: #fff; color: var(--color);} .product-desc__block--accesories .product-desc__header-wrapper { padding-top: 0;} .product-desc__block--accesories .product-desc__desc .product-desc__content-wrapper { margin-top: -10px; } .product-desc__block--accesories .product-desc__desc .product-desc__content { padding-top: 0; } .product-desc__block--accesories .custom__gwarancja { position: absolute; bottom: 7.75%; right: 20%; border: 1px solid var(--color); border-radius: 6px; padding: .45rem 2rem; font-size: 18px;} @media only screen and (max-width: 1023px) { .product-desc__header_akcesoria { display: block; text-align: left; white-space: normal; line-height: 1.5; top: -91px;} .product-desc__block-akcesoria .product-desc__content-wrapper { position: relative; top: 494px; left: 50px;} .product-desc__header_akcesoria span { display: block;} .product-desc__block--accesories .product-desc__header-wrapper { padding-top: 1rem;} .product-desc__block--accesories .product-desc__desc { position: absolute; top: 0; bottom: 0px; padding: 5%; max-width: 600px; margin: 0 auto;} .product-desc__block--accesories .product-desc__desc .product-desc__header { position: absolute; left: 8%; padding: 0; letter-spacing: 2px; font-size: clamp(1.125rem, -.750rem + 12.5vw, 4.2rem); line-height: 120%; } .product-desc__block--accesories .product-desc__desc .product-desc__content-wrapper { display: unset; margin: 0; position: absolute; top: 45%; left: 8%; } .product-desc__block--accesories .custom__gwarancja { left: 15%; right: 15%; bottom: 5%; text-align: center; padding: .75rem 1rem; border-radius: 9px; } } .product-desc__content, .product-desc__content--font-medium, .product-desc__content--font-large, .product-desc__content--font-huge { font-size: 1.4rem !important; line-height: 1.6 !important; } .product-desc__content ul, .product-desc__content ul > li { font-size: 1.4rem !important; line-height: 1.6 !important; } /* end styles */ stylowy Marzysz o perfekcyjnej kawie jak z włoskiej kawiarni? Nasz kolbowy ekspres Webber BARISTA L7 CALDAS z wysokociśnieniową pompą 20 barów zapewnia wyjątkowo intensywny smak i aromat każdej filiżance, a jego elegancki design nada stylu Twojej kuchni. precyzja i moc Za niezawodną jakość parzenia odpowiada włoska pompa wysokociśnieniowa o mocy 20 BARÓW (ULKA) . Dzięki niej, ekspres zapewnia perfekcyjne ekstrakcje, które wydobywają pełnię smaku i aromatu kawy, gwarantując każdemu napojowi doskonałą jakość. wielofunkcyjny ESPESSO, CAPPUCINO, LATTE, LUNGO, w wersji pojedynczej lub podwójnej - każdy tryb pozwala na przygotowanie kawy idealnie dopasowanej do Twoich preferencji.