{include file="header.tpl" title=$article.title keywords=$article.keywords description=$article.description}

<main class="main">

	<section class="flex:col pad-tb-50">
		<div class="flex:col-max">

			<div class="block">
				<div class="block__inner">

					<div class="product-desc">

						<div class="product-desc__slider">

							<div class="product-desc__slider-img slider-img_js">
								<img src="{$article.image.original}" alt="{$article.title}">
							</div>
							{if !empty($article.gallery)}
							<div class="product-desc__slider-btns">
								{foreach item=articleImage from=$article.gallery name=articleImage}
								<button class="product-desc__slider-btn slider-btn_js {if $smarty.foreach.articleImage.iteration eq 1}active{/if}">
									<img src="{$articleImage.original}" alt="{$articleImage.title}">
								</button>
								{/foreach}
							</div>
							{/if}

						</div>

						<div class="product-desc__info">
							<div class="text-tmp title-36 title-dec-28 title-tt-up txt-14 txt-accent-2 txt-fw-500">
								<p>
									Трансформатор
								</p>
								<h1>{$article.title}</h1>
								
							</div>

							<div class="text-tmp title-18 title-tt-up txt-14 txt-fw-500">
								<h2>Описание</h2>
								
								{$article.summary nofilter}
								
								{$article.content nofilter}

							</div>

						</div>

					</div>

				</div>
			</div>

		</div>
	</section>

</main>

{include file="footer.tpl"}