body { background:#fff; color:#000; font-family:Arial,sans-serif; }
.products-container { max-width:1200px; margin:70px auto 0; padding:20px; }

.product-block { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:20px 0; opacity:0; transform:translateY(40px); transition:opacity 1s, transform 1s; border-bottom: 1px solid #ccc; }
.product-block.visible { opacity:1; transform:translateY(0); }
.product-block.reverse { flex-direction:row-reverse; }
.product-left, .product-right { flex:1; }
.product-right h2 { font-size:1.8em; margin-bottom:15px; color:#000; }
.product-right p { font-size:16px; line-height:1.5; color:#000; }

/* Прогресс-бар */
.progress-wrap { position:relative; height:30px; margin-bottom:20px; }
.track { background:#eee; height:20px; border-radius:10px; overflow:hidden; position:relative; }
.fill { background:linear-gradient(90deg,#00C853,#00E676); height:100%; width:0; transition:width 1s ease; }
.markers { position:absolute; top:20; width:100%; height:100%; }
.marker { position:absolute; text-align:center; transform:translateX(-50%); }
.marker .bar { width:2px; height:100%; background:rgba(0,0,0,0.2); margin:0 auto; border-radius:1px; }
.marker .label { font-size:10px; position:absolute; top:100%; margin-top:4px; transform:translateX(-50%); color:#000; }
.marquee {
    height: 60px;
    overflow: hidden;
}

.marquee-inner {
    height: 60px;
    position: relative;
}


.marquee-item {
    height: 60px;
}

.marquee-item img {
    width: 120px;
    height: 60px;
    object-fit: contain;
    display: block;
}


@media(max-width:768px){
    .product-block, .product-block.reverse { flex-direction:column; text-align:center; }
    .product-left, .product-right { width:100%; }
}