diff --git a/app/api/book.php b/app/api/book.php
index 92d4d10..c335971 100644
--- a/app/api/book.php
+++ b/app/api/book.php
@@ -21,7 +21,7 @@ function bookid_kuri($slug) {
 
     if (isset($book['price_id'])){
         
-        $book['pic'] = IMGSRV."price/180x280/{$book['price_id']}.{$book['priceimg']}"; 
+        $book['pic'] = IMGSRV."price/300x470/{$book['price_id']}.{$book['priceimg']}"; 
         $book['links']['pdf'] = SITE.'read/'.$book['pricehash']; 
         $book['links']['text'] = SITE.'readtext/'.$book['pricehash'];  
         $book['links']['download'] = SITE.'pub/files/pdf/'.$book['pricehash'].'.pdf';
diff --git a/app/composer.json b/app/composer.json
index 40c1ff4..0a459a6 100644
--- a/app/composer.json
+++ b/app/composer.json
@@ -5,7 +5,8 @@
         "masterforweb/kuri":"dev-master",
         "masterforweb/db_lite":"dev-master",
         "mobiledetect/mobiledetectlib": "^2.8",
-        "phpmailer/phpmailer": "^6.1"
+        "phpmailer/phpmailer": "^6.1",
+        "yoomoney/yookassa-sdk-php": "^2.0"
     },
     "repositories":[
         
diff --git a/app/functions/ykassa.php b/app/functions/ykassa.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/pub/css/an.css b/app/pub/css/an.css
index 5f082f7..99fbcec 100644
--- a/app/pub/css/an.css
+++ b/app/pub/css/an.css
@@ -7,6 +7,49 @@ body.books-body {
     width: 65%;
     font-size: .8em;
 }
+#row {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    margin: 5px 0;
+    background: #e4e4e4;
+}
+    #book_id {
+        width: calc(33.333% - 14px);
+        box-sizing: border-box;
+        position: relative;
+        background: #fff;
+        margin: 7px;
+        border-radius: 7px;
+    }
+    .pricename {
+        font-weight: bold;
+        text-align: center;
+    }
+    #priceanons {
+        width: calc(65% - 20px);
+        background: white;
+        margin: 10px;
+        border-radius: 5px;
+        padding: 20px;
+        box-sizing: border-box;
+        letter-spacing: 0.1px;
+        line-height: 25px;
+    }
+    .price {
+        background: #0e920e;
+        margin: 7px;
+        padding: 5px;
+        text-align: center;
+    }
+        .price a {
+            color: white;
+            text-decoration: none;
+            text-transform: uppercase;
+            letter-spacing: 0.2px;
+        }
 #book-html p {
     width: 70%;
     display: block;
@@ -319,12 +362,11 @@ input[type="email"],input[type="password"]{
     flex-wrap: wrap;
 }
 .book_skeleton {
-    width:25%;
-    margin-bottom: 30px;
-    margin-top: 30px;
+    width:calc(25% - 20px);
+    margin: 10px;
 }
 .book_mini {
-    width: 60%;
+    width: 100%;
     background: white;
     border-radius: 7px;
     border: 1px solid #cdd8e2;
@@ -367,11 +409,7 @@ input[type="email"],input[type="password"]{
 }
 
 @media screen and (max-width: 1260px) {
-    .book_skeleton{
-        margin-top: 20px;
-    }
     .book_mini{
-        width: 70%;
         font-size: .9em;
     }
 }
@@ -411,9 +449,6 @@ input[type="email"],input[type="password"]{
 
 
 @media screen and (max-width: 1100px) {
-    .book_skeleton{
-        margin-top: 15px;
-    }
     #logo {
         width: 170px;
     }
@@ -425,12 +460,6 @@ input[type="email"],input[type="password"]{
     }
 }
 @media screen and (max-width: 1000px) {
-    .book_mini{
-        width: 75%;
-    }
-    .book_skeleton{
-        margin-top: 10px;
-    }
     header .lite-logo {
         width: 30%;
     }
@@ -465,10 +494,8 @@ input[type="email"],input[type="password"]{
         width: 35%;
     }
     .book_skeleton{
-        width: 50%;
-    }
-    .book_mini{
-        width: 75%;
+        width: calc(50% - 40px);
+        margin: 20px;;
     }
     #logo {
         width: 125px;
diff --git a/app/views/book.phtml b/app/views/book.phtml
index 3f85df7..c20d33f 100644
--- a/app/views/book.phtml
+++ b/app/views/book.phtml
@@ -1,18 +1,19 @@
-<div class="book_skeleton">
-        <div class="book_mini">
-                <img src="<?=$book['pic']?>">
-                <p class="book_mini_title"><?=$book['pricename']?></p>
-                <?if ($buy_status):?>
-                    <p><a href="<?=$book['links']['pdf']?>">Читать PDF</a></p>
-                    <!-- <p><a href="<?=$book['links']['text']?>">Читать текст</a></p> -->
-                    <?if ($book['category_id'] == 1):?>
-                        <p><a href="<?=$book['links']['download']?>">Скачать PDF</a></p>
-                    <?endif?>    
-                <?else:?>
-                     <?$paylink = 'https://argumenti.ru/robomail/'.$book['price_id']?>
-                     <p><?=$book['price']?> руб.</p>
-                     <p><a href="<?=$paylink?>">Купить</a></p>
-                <?endif?>  
-        </div>
-        <div><?=$book['priceanons']?></div>
-    </div>
\ No newline at end of file
+<section id="row">
+<div id="book_id">
+    <img style="width:100%;" src="<?=$book['pic']?>">
+</div>
+<div id="priceanons">
+    <p class="pricename"><?=$book['pricename']?></p>
+    <?=$book['priceanons']?>
+    <?if ($buy_status):?>
+        <p class="price"><a href="<?=$book['links']['pdf']?>">Читать PDF</a></p>
+            <!-- <p><a href="<?=$book['links']['text']?>">Читать текст</a></p> -->
+            <?if ($book['category_id'] == 1):?>
+                <p><a href="<?=$book['links']['download']?>">Скачать PDF</a></p>
+            <?endif?>    
+    <?else:?>
+        <?$paylink = 'https://argumenti.ru/robomail/'.$book['price_id']?>
+        <p class="price"><a href="<?=$paylink?>">Купить за <?=$book['price']?> руб.</a></p>
+    <?endif?>  
+</div>
+</section>
\ No newline at end of file
diff --git a/app/views/layout.phtml b/app/views/layout.phtml
index 00cbb86..55233f1 100644
--- a/app/views/layout.phtml
+++ b/app/views/layout.phtml
@@ -5,7 +5,7 @@
   <script src="/pub/scripts/pdf.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.4/mobile-detect.min.js"></script>
   <script src="/pub/scripts/klanviewer.js?ver=34"></script>
-  <link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=229">
+  <link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=243">
   <link rel="icon" type="image/ico" href="https://argumenti.ru/favicon.ico">
   <?if (isset($description)):?>
     <meta name="description" content="<?=$description?>">