diff --git a/assets/flex-kit/flex-kit.css b/assets/flex-kit/flex-kit.css
index 6fb9203..17342c9 100644
--- a/assets/flex-kit/flex-kit.css
+++ b/assets/flex-kit/flex-kit.css
@@ -714,7 +714,7 @@ script, style {
     display: flex;
     flex-direction: column;
     justify-content: stretch;
-    border-width: 1px;
+    border-width: 0;
     border-style: solid;
     border-color: #e9e9e9;
     /*border-radius: 3px;*/
@@ -724,6 +724,18 @@ script, style {
     /*padding-bottom: calc(var(--gap-inner) / 2);*/
     /*padding-top: calc(var(--gap-inner) / 2);*/
 }
+.flex-card__border {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    border-width: 1px;
+    border-style: solid;
+    border-color: transparent;
+    display: block;
+    pointer-events: none;
+}
 .flex-card__content:after,
 .flex-card__body:before,
 .flex-card__body:after {
@@ -733,7 +745,7 @@ script, style {
     flex-grow: 0;
     flex-shrink: 0;
 }
-.flex-card__content > *:empty {
+.flex-card__content > *:not(.flex-card__border):empty {
     display: none;
 }
 .flex-card__header {
@@ -764,7 +776,7 @@ script, style {
     opacity: 0;
     visibility: hidden;
 }
-.flex-card.flex-card--hover:hover .flex-card__content {
+.flex-card:hover .flex-card__content {
     height: auto;
     z-index: 100;
 }
diff --git a/tests/flex-card/product-list-item.php b/tests/flex-card/product-list-item.php
new file mode 100644
index 0000000..8671785
--- /dev/null
+++ b/tests/flex-card/product-list-item.php
@@ -0,0 +1,49 @@
+<?php
+
+
+?>
+
+<div class="flex-card aspect-ratio flex-list-item">
+    <div class="flex-card__section">
+        <div class="flex-card__content">
+            <div class="flex-card__body-shell aspect-ratio">
+                <div class="flex-card__body">
+                    <div class="flex-card__picture">
+                        <div class="kit-picture" style="background-image: url(<?=$item['image_preview']?>)">
+
+                        </div>
+                    </div>
+                    <div class="flex-card__title">
+                        <div class="kit-line-clamp">
+                            <?=$item['name']?>
+                        </div>
+                    </div>
+                    <div class="flex-card__props"></div>
+                </div>
+
+            </div>
+            <div class="flex-card__header">
+                <div class="flex-list flex-list--ticket">
+                    <?
+                    foreach ($item['tickets'] as $ticket) {
+                        ?>
+                        <div class="flex-list-item">
+                            <div class="ticket-item <?=$ticket['code']?>">
+                                <div class="kit-line-clamp"><?=$ticket['name']?></div>
+                            </div>
+                        </div>
+                        <?
+                    }
+                    ?>
+                </div>
+            </div>
+            <div class="flex-card__footer"></div>
+            <div class="flex-card__hover">
+                <div class="flex-card__hover-content">
+                    <?=$item['hover']?>
+                </div>
+            </div>
+            <div class="flex-card__border"></div>
+        </div>
+    </div>
+</div>
diff --git a/tests/flex-card/product-list.php b/tests/flex-card/product-list.php
new file mode 100644
index 0000000..9e8b204
--- /dev/null
+++ b/tests/flex-card/product-list.php
@@ -0,0 +1,65 @@
+
+
+<head>
+    <script src="chat.js"></script>
+    <link href="./../../assets/flex-kit/flex-kit.css" rel="stylesheet">
+    <style  type="text/css">
+        .section-product-list {
+            --col-count: 4;
+
+        }
+        .section-product-list .flex-card {
+            --kit-color-content: #FFF;
+            --aspect-ratio: calc(200 / 250);
+        }
+        .section-product-list .flex-card__picture {
+            flex-grow: 1;
+        }
+        .flex-card__hover {
+            text-align: center;
+            color: grey;
+            font-size: 0.8em;
+        }
+    </style>
+
+</head>
+<?
+
+$items = array_fill(0, 40, [
+    'id' => 1,
+    'name' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit  Ab accusamus aliquid, consequuntur corporis ducimus',
+    'hover' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit  Ab accusamus aliquid, consequuntur corporis ducimus',
+    'image_preview' => './product.svg',
+    'image_detail' => '',
+    'text_preview' => 'asdas asdas dasdasd',
+    'tickets' => [
+        [
+            'code' => 'news',
+            'name' => 'Новинка'
+        ],
+        [
+            'code' => 'discount',
+            'name' => 'Скидка'
+        ]
+    ]
+]);
+
+?>
+<body>
+    <div class="kit-wrapper">
+        <section class="section-product-list">
+
+            <div>
+                <h1>Каталог</h1>
+            </div>
+
+            <div class="flex-list flex-card-list--list-">
+                <?foreach($items as $item) {?>
+                        <?
+                        include "product-list-item.php";
+                        ?>
+                <?}?>
+            </div>
+        </section>
+    </div>
+</body>
\ No newline at end of file
diff --git a/tests/flex-card/product.svg b/tests/flex-card/product.svg
new file mode 100644
index 0000000..033962b
--- /dev/null
+++ b/tests/flex-card/product.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 303.3071 340.1575" version="1.1">
+<path style=" stroke:none;fill-rule:evenodd;fill-opacity:1;" d="M 104.566406 0.730469 C 86.257813 11.570313 68.855469 24.519531 69.464844 52.628906 C 70.214844 87.035156 87.667969 101.109375 114.464844 100.328125 C 127.179688 99.960938 139.34375 97.300781 150.859375 91.800781 C 163.339844 85.835938 178.886719 80.90625 191.265625 82.328125 C 207.371094 84.179688 217.835938 91.496094 217.667969 108.128906 C 217.414063 133.328125 200.890625 152.546875 180.765625 170.527344 C 209.648438 153.941406 231.605469 132.722656 230.867188 100.929688 C 230.335938 78.117188 216.117188 67.304688 195.167969 66.429688 C 178.996094 65.75 161.515625 71.824219 146.628906 79.515625 C 133.167969 86.46875 119.945313 90.957031 107.265625 90.128906 C 85.304688 88.691406 76.027344 71.746094 73.964844 50.230469 C 71.925781 28.898438 87.863281 14.132813 104.566406 0.730469 Z M 94.667969 131.527344 C 114.066406 125.828125 133.808594 122.425781 153.765625 121.628906 C 174.121094 120.816406 194.667969 122.777344 214.667969 126.730469 C 194.265625 126.230469 173.855469 124.414063 153.464844 125.230469 C 133.769531 126.015625 114.265625 129.429688 94.667969 131.527344 Z M 260.867188 172.027344 C 220.546875 180.808594 180.886719 183.847656 141.765625 182.230469 C 99.492188 176.566406 66.28125 168.222656 65.757813 148.429688 C 65.628906 143.410156 69.761719 138.984375 77.566406 137.230469 C 31.082031 112.496094 5.863281 89.171875 7.667969 67.628906 C 8.597656 56.5 12.726563 49.742188 21.167969 49.328125 C 33.035156 48.75 39.078125 83.765625 52.058594 97.410156 C 71.503906 117.84375 89.746094 129.726563 120.765625 149.230469 C 146.285156 144.339844 172.039063 143.933594 197.960938 146.644531 C 168.433594 146.777344 145.535156 149.414063 145.214844 161.304688 C 145.0625 167.113281 152.125 171.074219 157.964844 175.628906 C 141.828125 166.359375 124.933594 155.335938 107.960938 145.476563 C 84.742188 131.992188 62.5 117.886719 47.566406 99.128906 C 37.996094 87.109375 35.367188 70.929688 29.265625 56.828125 C 29.789063 64.550781 27.648438 71.964844 26.867188 79.628906 C 25.433594 93.671875 34.5625 108.71875 70.066406 126.429688 C 100.058594 141.558594 127.078125 157.898438 146.265625 177.429688 C 181.8125 180.273438 220.519531 177.585938 260.867188 172.027344 Z M 65.867188 153.128906 C 72.902344 207.863281 99.332031 243.496094 143.566406 262.628906 C 122.101563 256.707031 103.730469 243.648438 87.46875 225.730469 C 80.132813 222.503906 67.371094 218.910156 54.554688 215.179688 C 39.816406 210.894531 29.496094 202.214844 29.265625 187.027344 C 29.078125 174.308594 45.820313 165.945313 65.566406 175.628906 C 63.847656 168.050781 64.785156 159.90625 65.867188 153.128906 Z M 66.46875 179.230469 C 53.851563 175.335938 47.328125 181.851563 47.566406 188.527344 C 47.957031 199.488281 55.007813 205.835938 63.097656 209.800781 C 70.980469 213.664063 79.667969 218.0625 86.269531 222.730469 C 73.875 208.898438 68.457031 194.261719 66.46875 179.230469 Z M 61.367188 168.730469 C 56.695313 165 50.503906 163.777344 44.941406 163.855469 C 33.726563 164.007813 15.097656 169.386719 13.890625 188.003906 C 13.21875 198.414063 21.773438 208.335938 32.265625 215.828125 C 11.3125 223.40625 0.722656 236.351563 1.367188 255.128906 C 11.296875 314.226563 86.445313 323.007813 180.46875 317.230469 C 93.84375 315.84375 24.324219 303.058594 9.765625 253.628906 C 7.703125 236.011719 18.710938 225.238281 33.46875 216.429688 C 38.707031 220.714844 44.261719 224.046875 51.992188 226.085938 C 79.066406 233.230469 98.152344 240.472656 107.566406 254.527344 C 106.382813 246.832031 101.628906 240.644531 83.582031 232.664063 C 75.613281 229.140625 63.960938 226.230469 50.726563 221.050781 C 34.355469 214.640625 19.15625 198.515625 19.667969 188.527344 C 20.550781 171.230469 38.960938 161.902344 61.367188 168.730469 Z M 79.066406 233.230469 C 74.03125 244.332031 74.582031 253.503906 85.667969 258.128906 C 105.367188 266.347656 127.351563 271.089844 151.96875 272.230469 C 133.59375 274.953125 99.253906 268.238281 84.765625 261.128906 C 73.898438 255.796875 70.496094 243.488281 79.066406 233.230469 Z M 48.765625 238.929688 C 57.992188 239.027344 62.339844 255.632813 61.96875 265.328125 C 61.71875 271.734375 56.640625 273.101563 52.640625 272.90625 C 45.964844 272.585938 41.363281 261.164063 41.644531 254.078125 C 41.882813 248.015625 42.773438 238.867188 48.765625 238.929688 Z M 85.003906 264.917969 C 87.816406 265.042969 90.132813 265.996094 89.230469 271.859375 C 87.933594 280.253906 78.988281 287.832031 70.929688 287.910156 C 66.253906 287.957031 60.6875 286.121094 61.027344 281.460938 C 61.644531 273.042969 75.390625 264.496094 85.003906 264.917969 Z M 280.96875 334.328125 C 277.144531 327.230469 273.695313 319.148438 274.667969 311.230469 C 276.203125 298.75 280.828125 286.222656 288.140625 275.996094 C 295.984375 265.019531 301.320313 253.203125 301.96875 239.828125 C 300.691406 224.34375 291.46875 217.089844 275.566406 216.128906 C 254.738281 217.082031 244.382813 230.355469 237.167969 247.328125 C 247.933594 233.535156 259.070313 220.921875 274.667969 222.429688 C 287.980469 223.929688 296.257813 229.328125 297.167969 240.429688 C 297.214844 249.183594 292.898438 260.265625 286.210938 272.605469 C 279.613281 284.777344 273.464844 298.183594 272.269531 312.128906 C 271.589844 320.046875 276.644531 328.953125 280.96875 334.328125 Z M 280.96875 339.429688 C 264.269531 321.46875 239.875 318.933594 220.664063 308.96875 C 193.527344 294.894531 172.804688 277.40625 172.96875 260.527344 C 173.171875 239.621094 221.699219 236.429688 246.769531 255.730469 C 236.359375 244.824219 220.714844 238.308594 195.917969 239.226563 C 171.390625 240.136719 156.777344 248.632813 155.867188 266.980469 C 155.054688 283.316406 180.84375 295.253906 211.367188 307.929688 C 234.886719 317.695313 263.863281 326.628906 280.96875 339.429688 Z M 87.019531 268.628906 C 86.199219 267.761719 78.085938 272.941406 73.96875 275.679688 C 70.148438 278.214844 62.714844 283.484375 63.316406 284.378906 C 63.917969 285.273438 71.132813 280.292969 74.800781 277.859375 C 79.050781 275.035156 87.835938 269.496094 87.019531 268.628906 Z M 50.027344 241.449219 C 48.671875 241.976563 49.648438 252.175781 50.117188 257.078125 C 50.585938 261.980469 51.550781 270.773438 52.816406 270.730469 C 54.082031 270.683594 53.433594 259.441406 52.96875 254.527344 C 52.5 249.617188 51.382813 240.921875 50.027344 241.449219 Z M 107.910156 152.265625 C 98.828125 156.109375 91.140625 160.394531 85.257813 165.238281 C 73.445313 158.992188 67.695313 153.039063 68.082031 147.390625 C 68.476563 143.460938 73.304688 140.515625 79.109375 137.789063 C 88.707031 142.613281 98.308594 147.441406 107.910156 152.265625 "/>
+</svg>