<?php
defined( 'ABSPATH' ) || exit;
return <<<'SHCD_FRAGMENT'
<div class="tokenomics section panel overflow-hidden" id="tokenomics">
<div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10">
<div class="container sm:max-w-lg xl:max-w-2xl">
<div class="section-inner panel">
<div class="section-content panel">
<div class="row child-cols-12 justify-center items-center g-5 sm:g-7 lg:g-9" data-anime="onview: -400; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="col-11 sm:col-10 lg:col">
<div class="tokenomics-image panel p-7 border border-2 border-black contrast-shadow-xl text-black -rotate-2" style="background-color: #dbf2ff">
<img alt="تصویر" src="%%SHCD_IMG_i0%%"/>
</div>
</div>
<div class="lg:col">
<div class="tokenomics-content vstack items-center gap-4 xl:gap-6 text-center">
<h2 class="title h5 sm:h3 xl:h2 mb-0 ls-0 text-uppercase -rotate-1">%%SHCD_TEXT_t0%%</h2>
<div class="panel">
<div class="row child-cols-auto justify-center g-2 sm:g-3 xl:g-4">
<div>
<div class="p-2 xl:p-3 border border-2 border-black contrast-shadow-sm bg-secondary-100 rotate-2">
<h5 class="h7 sm:h6 xl:h5 m-0 ft-primary fw-semibold">%%SHCD_TEXT_t1%%</h5>
</div>
</div>
<div>
<div class="p-2 xl:p-3 border border-2 border-black contrast-shadow-sm text-black -rotate-1" style="background-color: #dbf2ff">
<h5 class="h7 sm:h6 xl:h5 m-0 ft-primary fw-semibold">%%SHCD_TEXT_t2%%</h5>
</div>
</div>
<div>
<div class="p-2 xl:p-3 border border-2 border-black contrast-shadow-sm text-black -rotate-1" style="background-color: #dbf2ff">
<h5 class="h7 sm:h6 xl:h5 m-0 ft-primary fw-semibold">%%SHCD_TEXT_t3%%</h5>
</div>
</div>
<div>
<div class="p-2 xl:p-3 border border-2 border-black contrast-shadow-sm text-black bg-secondary-100 rotate-2">
<h5 class="h7 sm:h6 xl:h5 m-0 ft-primary fw-semibold">%%SHCD_TEXT_t4%%</h5>
</div>
</div>
<div>
<div class="p-2 xl:p-3 border border-2 border-black contrast-shadow-sm text-black bg-secondary-100 rotate-2">
<h5 class="h7 sm:h6 xl:h5 m-0 ft-primary fw-semibold">%%SHCD_TEXT_t5%%</h5>
</div>
</div>
<div>
<div class="p-2 xl:p-3 border border-2 border-black contrast-shadow-sm text-black -rotate-1" style="background-color: #dbf2ff">
<h5 class="h7 sm:h6 xl:h5 m-0 ft-primary fw-semibold">%%SHCD_TEXT_t6%%</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-footer mt-6 sm:mt-8 lg:mt-9 xl:mt-10 text-center" data-anime="onview: -200; translateY: [24, 0]; opacity: [0, 1]; delay: 200;">
<div class="row child-cols-6 justify-center g-0">
<div>
<h2 class="h2 sm:h1 xl:display-6 stroke-text-bold mb-1 xl:mb-2">%%SHCD_TEXT_t7%%</h2>
<span class="fs-6 sm:fs-5 xl:fs-4">%%SHCD_TEXT_t8%%</span>
</div>
<div>
<h2 class="h2 sm:h1 xl:display-6 stroke-text-bold mb-1 xl:mb-2">%%SHCD_TEXT_t9%%</h2>
<span class="fs-6 sm:fs-5 xl:fs-4">%%SHCD_TEXT_t10%%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
SHCD_FRAGMENT;
