{% include "@Components/sections/pricetable-section/pricetable-section.twig" with {props: {
header: {
heading: {
title: "Vyberte si ty nejlépe padnoucí legíny!"
},
overline: {
title: "TOP PRODUKT",
},
perex: "Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí."
},
data: pricetable_sample
}} %}
<section class="base-section s-pricetable">
<div class="base-section__container container">
<header class="base-header d-flex flex-column gap-3 text-center align-items-center">
<span class="c-overline d-inline-flex gap-1 align-items-center u-fz-sm px-1 u-bg-primary-100">
<span class="c-overline__title">TOP PRODUKT</span>
</span>
<h2 class="base-heading mb-0 u-fw-700 u-h2">
Vyberte si ty nejlépe padnoucí legíny!
</h2>
<div class="base-header__description entry-content mb-0">Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí.</div>
</header>
<div class="g-pricetable responsive-table u-scrollbar" data-scrollbar-x>
<table class="g-pricetable__table table w-100">
<thead class="g-pricetable__table-head">
<tr>
<th class="g-pricetable__head-cell pb-3"></th>
<th class="g-pricetable__head-cell pb-3">
<div class="d-flex flex-column align-items-center gap-1">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Z" clip-rule="evenodd"/><path fill="#B0B2D4" fill-rule="evenodd" d="M8.797 13.396A1 1 0 0 0 7.2 14.6L8 14l-.8.6.001.001.001.002.003.004.007.009.021.027.07.086a6.942 6.942 0 0 0 1.171 1.08c.798.58 2 1.191 3.526 1.191 1.525 0 2.728-.61 3.526-1.191a6.944 6.944 0 0 0 1.17-1.08c.03-.035.053-.064.07-.086l.022-.027.007-.01.003-.003.001-.002S16.8 14.6 16 14l.8.6a1 1 0 0 0-1.597-1.204l-.005.006a3.709 3.709 0 0 1-.194.219 4.953 4.953 0 0 1-.655.57c-.577.42-1.374.809-2.349.809-.975 0-1.772-.39-2.35-.809a4.952 4.952 0 0 1-.815-.748 1.932 1.932 0 0 1-.034-.041l-.004-.006ZM8 9a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1ZM14 9a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg> </span>
<h2 class="base-heading mb-0 u-fw-700 u-h4 u-color-primary">
Free
</h2>
</div>
</th>
<th class="g-pricetable__head-cell pb-3">
<div class="d-flex flex-column align-items-center gap-1">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none" viewBox="0 0 60 60"><path fill="#476CFE" d="M32.6 16.067c.043.193.067.394.067.6v2.666H42A9.334 9.334 0 0 0 50.433 14H32.049a27.981 27.981 0 0 1 .521 1.936l.03.131Z"/><path fill="#476CFE" d="M51.333 27.333A2.667 2.667 0 0 1 54 30v2.667h2.667A2.667 2.667 0 0 0 59.333 30V16.667A2.667 2.667 0 0 0 56.667 14h-6.234A9.333 9.333 0 0 1 42 19.333h12v8h-2.667ZM30 9.017A28.78 28.78 0 0 1 32.049 14h1.54c.326-.852.738-1.788 1.248-2.715C36.514 8.235 38.817 6 42 6a4 4 0 1 1 0 8h8.433A9.331 9.331 0 0 0 48.6 3.4 9.333 9.333 0 0 0 42 .667c-6.15 0-9.847 4.43-11.837 8.048-.055.1-.11.201-.163.302ZM15.172 7.172A4 4 0 0 1 18 6c3.184 0 5.486 2.236 7.163 5.285.51.927.922 1.863 1.248 2.715h1.54l.07-.222A28.78 28.78 0 0 1 30 9.018c-.053-.102-.108-.202-.163-.303C27.847 5.098 24.15.667 18 .667A9.334 9.334 0 0 0 9.567 14H18a4 4 0 0 1-2.828-6.828ZM6 32.667V30a2.667 2.667 0 0 1 2.667-2.667H6v-8h12A9.334 9.334 0 0 1 9.567 14H3.333a2.667 2.667 0 0 0-2.666 2.667V30a2.667 2.667 0 0 0 2.666 2.667H6Z"/><path fill="#476CFE" d="M48.667 32.667V30a2.667 2.667 0 0 1 2.666-2.667H32.667v5.334h16ZM8.667 27.333A2.667 2.667 0 0 1 11.333 30v2.667h16v-5.334H8.667ZM26.41 14H9.568A9.334 9.334 0 0 0 18 19.333h9.333v-2.666a2.874 2.874 0 0 1 0 .01 2.667 2.667 0 1 0 5.282-.535s0 .002-2.615.525l-2.615-.523a2.671 2.671 0 0 0-.052.523v.01a2.682 2.682 0 0 1 .068-.61 14.352 14.352 0 0 1 .145-.62c.091-.365.224-.86.405-1.447h-1.54ZM32.049 14A28.78 28.78 0 0 0 30 9.017 28.78 28.78 0 0 0 27.951 14h4.098Z"/><path fill="#476CFE" fill-rule="evenodd" d="M27.335 16.584a2.668 2.668 0 0 1 5.332.083V54h-5.334V16.678a2.667 2.667 0 1 0 5.282-.536s0 .002-2.615.525l-2.615-.523c-.03.146-.046.293-.05.44ZM30 59.334a2.667 2.667 0 0 0 2.667-2.667V54h16V30A2.667 2.667 0 1 1 54 30v26.667a2.667 2.667 0 0 1-2.667 2.666H30Zm0 0a2.667 2.667 0 0 1-2.667-2.667V54h-16V30A2.667 2.667 0 1 0 6 30v26.667a2.667 2.667 0 0 0 2.667 2.666H30Z" clip-rule="evenodd"/><path fill="#476CFE" d="M27.546 15.447a19.81 19.81 0 0 0-.145.62A2.668 2.668 0 0 1 30 14h-2.049c-.18.587-.314 1.082-.405 1.447ZM32.57 15.936A27.981 27.981 0 0 0 32.05 14H30c1.267 0 2.327.883 2.6 2.067a14.352 14.352 0 0 0-.03-.131ZM30 59.333a2.667 2.667 0 0 0 2.667-2.666V54h-5.334v2.667A2.667 2.667 0 0 0 30 59.333Z"/></svg> </span>
<h2 class="base-heading mb-0 u-fw-700 u-h4 u-color-primary">
Basic
</h2>
</div>
</th>
<th class="g-pricetable__head-cell pb-3">
<div class="d-flex flex-column align-items-center gap-1">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" d="M12.738 1.326a1 1 0 0 0-1.476 0A16.3 16.3 0 0 0 9.726 3.29 9.015 9.015 0 0 1 12 3c.786 0 1.548.1 2.274.29a16.301 16.301 0 0 0-1.536-1.964Z"/><path fill="#B0B2D4" fill-rule="evenodd" d="M16.95 11a16.3 16.3 0 0 0-2.676-7.71A9.008 9.008 0 0 1 20.945 11H16.95Zm0 2a16.26 16.26 0 0 0 .05-1.02 16.26 16.26 0 0 0-.05-.98h-2.008A14.3 14.3 0 0 0 12 3.55 14.3 14.3 0 0 0 9.058 11h5.884c.031.332.05.665.058 1-.008.335-.027.668-.058 1H9.058A14.3 14.3 0 0 0 12 20.45 14.3 14.3 0 0 0 14.942 13h2.008Zm0 0a16.3 16.3 0 0 1-2.676 7.71A9.008 9.008 0 0 0 20.945 13H16.95ZM9.726 3.29A9.015 9.015 0 0 1 12 3c.786 0 1.548.1 2.274.29a16.301 16.301 0 0 0-1.536-1.964A1 1 0 0 0 12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1a1 1 0 0 0-.738.326A16.3 16.3 0 0 0 9.726 3.29Zm0 0A9.008 9.008 0 0 0 3.055 11H7.05a16.3 16.3 0 0 1 2.676-7.71ZM3.055 13H7.05a16.3 16.3 0 0 0 2.676 7.71A9.008 9.008 0 0 1 3.055 13Z" clip-rule="evenodd"/><path fill="#B0B2D4" d="M17 12.02v-.04a16.26 16.26 0 0 0-.05-.98h-2.008c.031.332.05.665.058 1-.008.335-.027.668-.058 1h2.008c.026-.325.043-.652.05-.98Z"/></svg> </span>
<h2 class="base-heading mb-0 u-fw-700 u-h4 u-color-primary">
Plus
</h2>
</div>
</th>
<th class="g-pricetable__head-cell pb-3">
<div class="d-flex flex-column align-items-center gap-1">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M6.343 6.343A8 8 0 0 1 20 12v1h-2a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h1a3 3 0 0 0 3-3v-7a10 10 0 0 0-20 0v2a1 1 0 0 1 1-1h1v2h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1a1 1 0 1 1-2 0v1a3 3 0 0 0 3 3h1a3 3 0 0 0 3-3v-3a3 3 0 0 0-3-3H4v-1a8 8 0 0 1 2.343-5.657ZM20 15h-2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-4Z" clip-rule="evenodd"/><path fill="#B0B2D4" d="M3 19a1 1 0 0 0 1-1v-5H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Z"/></svg> </span>
<h2 class="base-heading mb-0 u-fw-700 u-h4 u-color-primary">
Extra
</h2>
</div>
</th>
<th class="g-pricetable__head-cell pb-3">
<div class="d-flex flex-column align-items-center gap-1">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#23846F" d="M16.581 3A5.325 5.325 0 0 0 12 5.795 5.325 5.325 0 0 0 7.419 3c-3.093.137-5.532 2.826-5.415 5.97 0 5.739 9.126 12.366 9.514 12.647l.482.347.482-.347c.388-.28 9.514-6.908 9.514-12.646.117-3.145-2.322-5.834-5.415-5.971ZM12 19.879C9.29 17.82 3.67 12.764 3.67 8.97c-.118-2.216 1.57-4.142 3.749-4.277 2.178.135 3.866 2.06 3.748 4.277h1.666c-.118-2.216 1.57-4.142 3.748-4.277 2.18.135 3.867 2.06 3.749 4.277 0 3.795-5.62 8.85-8.33 10.908Z"/></svg> </span>
<h2 class="base-heading mb-0 u-fw-700 u-h4 u-color-primary">
Premium
</h2>
</div>
</th>
</tr>
</thead>
<tbody class="g-pricetable__table-body">
<tr class="g-pricetable__row">
<th class="g-pricetable__row-title">
<span class="u-fz-md u-color-primary">Odpovědnost za škodu</span>
</th>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
</tr>
<tr class="g-pricetable__row">
<th class="g-pricetable__row-title">
<span class="u-fz-md u-color-primary">Odpovědnost za škodu</span>
</th>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
</tr>
<tr class="g-pricetable__row">
<th class="g-pricetable__row-title">
<span class="u-fz-md u-color-primary">Odpovědnost za škodu</span>
</th>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
</tr>
<tr class="g-pricetable__row">
<th class="g-pricetable__row-title">
<span class="u-fz-md u-color-primary">Odpovědnost za škodu</span>
</th>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
</tr>
<tr class="g-pricetable__row">
<th class="g-pricetable__row-title">
<span class="u-fz-md u-color-primary">Odpovědnost za škodu</span>
</th>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
<td class="g-pricetable__cell py-2">
<span class="icon d-flex align-items-center justify-content-center --colored --primary --lg opacity-50">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
</td>
</tr>
</tbody>
<tfoot class="g-pricetable__table-foot">
<tr>
<td class="g-pricetable__foot-cell pt-3 px-2"></td>
<td class="g-pricetable__foot-cell pt-3 px-2">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --full-width w-100 text-nowrap" href='#'>
<span class="btn__title u-z-index-1">
Za 55 Kč
</span>
</a>
</td>
<td class="g-pricetable__foot-cell pt-3 px-2">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --full-width w-100 text-nowrap" href='#'>
<span class="btn__title u-z-index-1">
Za 65 Kč
</span>
</a>
</td>
<td class="g-pricetable__foot-cell pt-3 px-2">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --full-width w-100 text-nowrap" href='#'>
<span class="btn__title u-z-index-1">
Za 1 400 Kč
</span>
</a>
</td>
<td class="g-pricetable__foot-cell pt-3 px-2">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --full-width w-100 text-nowrap" href='#'>
<span class="btn__title u-z-index-1">
Za 5 000 Kč
</span>
</a>
</td>
<td class="g-pricetable__foot-cell pt-3 px-2">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --full-width w-100 text-nowrap" href='#'>
<span class="btn__title u-z-index-1">
Za 45 000 Kč
</span>
</a>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</section>