<article class="category-products__item product-preview success">
<a href="#classic-rolls-1" class="product-preview__link">
<div class="product-preview__wrap-img">
<img src="i-demo/61ec3a5f91f0d718f808e931e10c9cac.png" alt="" class="product-preview__img">
</div>
<h4 class="product-preview__title">Nam liber tempor cusoluta</h4>
</a>
<div class="products-preview__detail">
<div class="product-preview__price">200,00 руб.</div>
<div class="product-preview__wrap-count">
<input type="text" class="product-preview__count">
</div>
</div>
<div class="product-preview__wrap-btn">
<a href="javascript:void(0);" class="product-preview__btn">Add to Cart</a>
</div>
<div class="products-preview__additional" id="classic-rolls-1">
<img src="i-demo/61ec3a5f91f0d718f808e931e10c9cac.png" alt="" class="products-preview__additional-img">
<div class="products-preview__additional-content">
<div class="products-preview__additional-title">Состав:</div>
<ul class="products-preview__additional-list">
<li>Lorem ipsum dolor.</li>
<li>Adipisci, suscipit, odio.</li>
<li>Repellat, ipsum. Fugit.</li>
<li>Quos odio, corrupti?</li>
<li>Numquam, tenetur, beatae.</li>
</ul>
</div>
</div>
<div class="product-preview__success">
<div class="product-preview__success-text">Товар добавлен!</div>
<div class="product-preview__success-close" title="Закрыть"></div>
</div>
</article>
