/* Keep translated descriptions in flow so extra lines cannot cover images. */
@media (min-width: 577px) {
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .favorite__item { align-items: stretch; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .favorite__item .content {
        padding: 44px 20px 24px;
        box-sizing: border-box;
    }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .favorite__item .content .img-products {
        padding-bottom: 0;
        flex-shrink: 0;
    }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .favorite__item .content .description {
        position: static;
        width: 100%;
        box-sizing: border-box;
        flex: 1;
        padding: 0;
        text-align: center;
    }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .favorite__item .content .title { margin: 0 0 10px !important; font-size: 24px; line-height: 1.3; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .favorite__item .content .img-products img { width: 240px; max-width: 100%; height: auto; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .favorite__item .content .description p { flex: 1; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .favorite__item .content .arrow-btn { margin-top: 24px; }
}
/* A calmer homepage scale, with genuine image height instead of the old background spacer. */
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .aliver-hero-a__inner { max-width: 1200px; min-height: 0; height: auto; padding: 40px 32px; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .aliver-hero-a h1 { font-size: clamp(30px, 3.2vw, 44px); line-height: 1.18; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .aliver-hero-a__name { font-size: 18px; line-height: 1.65; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .aliver-hero-a__image { max-height: 360px; object-fit: contain; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products { max-width: 1200px; margin: 0 auto; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .our-products .description p { font-size: 15px; line-height: 1.7; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp { padding: 48px 24px; box-sizing: border-box; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp > h2,
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .testimonials-slider-wrapper > h2 { font-size: 32px; line-height: 1.3; margin: 0 0 20px; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .articles-list-slider { max-width: 1120px; margin: 28px auto; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .article-list-item { display: flex; flex-direction: column; height: 100%; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .article-bg-image { padding-bottom: 0; aspect-ratio: 3 / 2; overflow: hidden; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .article-bg-image img { width: 100%; height: 100%; object-fit: cover; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .article-content { padding: 20px 24px 24px; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .article-content h3 { font-size: 18px; line-height: 1.45; margin: 10px 0; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .article-content p { font-size: 15px; line-height: 1.7; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .spinner { display: none; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp > .text { color: #5c6470; opacity: 1; }
@media (min-width: 992px) {
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .swiper-wrapper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; transform: none !important; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp .swiper-slide { width: auto !important; margin-right: 0 !important; }
}
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .img-spin-circle.photo { max-width: 720px; margin: 0 auto; padding-bottom: 0; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .text-content--hp { max-width: 720px; width: auto; margin: 28px auto 64px; font-size: 16px; line-height: 1.8; }
:is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .text-content--hp p { line-height: 1.8; }
@media (max-width: 767px) {
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .aliver-hero-a__inner { padding: 24px; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .aliver-hero-a__image { max-height: 260px; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp { padding: 36px 16px; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .blog-hp > h2,
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .testimonials-slider-wrapper > h2 { font-size: 28px; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .text-content--hp { margin: 24px 20px 44px; }
    :is(html:lang(pl),html:lang(sk),html:lang(en),html:lang(de),html:lang(cs),html:lang(ru),html:lang(it),html:lang(uk),html:lang(ro),html:lang(nl),html:lang(pt),html:lang(hu),html:lang(zh),html:lang(vi),html:lang(ar)) .img-spin-circle.photo { margin: 0 20px; }
}

/* Consistent smaller previews and readable long translated product names. */
.our-products .others-product__item .content { display:grid; grid-template-columns:96px minmax(0,1fr); align-items:center; gap:16px; width:100%; padding:24px 20px; box-sizing:border-box; }
.our-products .others-product__item .content .img-products { width:96px; }
.our-products .others-product__item .content .img-products img { max-width:96px; max-height:150px; width:auto; height:auto; object-fit:contain; }
.our-products .others-product__item .content .description { width:auto; padding:0; min-width:0; }
.our-products .others-product__item .description h2 { font-size:18px; line-height:1.4; margin:0 0 10px!important; overflow-wrap:anywhere; hyphens:auto; }
.our-products .description p { overflow-wrap:break-word; }
.our-products .favorite__item .content .title { overflow-wrap:break-word; }
@media(max-width:576px) {
 .our-products .favorite__item .content .description { bottom:auto; padding-top:0; }
 .our-products .favorite__item .content .title {font-size:20px;line-height:1.3;margin:12px 0!important;}
 .our-products .others-product__item .content {grid-template-columns:80px minmax(0,1fr);padding:20px 16px;gap:16px;}
 .our-products .others-product__item .content .img-products {width:80px;}
 .our-products .others-product__item .content .img-products img {max-width:80px;max-height:120px;}
}