Update app.py

app.py

@@ -18,7 +18,7 @@ HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
 
 # Ссылка на логотип
-LOGO_URL = "https://cdn-avatars.huggingface.co/v1/production/uploads/67b22aaeae9b6a59f1cfb849/NQvBksXzJItYt6hfFjyaB.jpeg"
+LOGO_URL = "https://cdn-avatars.huggingface.co/v1/production/uploads/67b22aaeae9b6a59f1cfb849/JrKb3It_r7IqEEikB9mZV.jpeg"
 
 # Настройка логирования
 logging.basicConfig(level=logging.DEBUG)
@@ -117,17 +117,17 @@ def catalog():
             }
             body {
                 font-family: 'Poppins', sans-serif;
-                background: #f5f5f5;
-                color: #333;
+                background: linear-gradient(135deg, #f0f2f5, #e9ecef);
+                color: #2d3748;
                 line-height: 1.6;
                 transition: background 0.3s, color 0.3s;
             }
             body.dark-mode {
-                background: #1a202c;
+                background: linear-gradient(135deg, #1a202c, #2d3748);
                 color: #e2e8f0;
             }
             .container {
-                max-width: 1200px;
+                max-width: 1300px;
                 margin: 0 auto;
                 padding: 20px;
             }
@@ -211,32 +211,31 @@ def catalog():
             }
             .products-grid {
                 display: grid;
-                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-                gap: 15px;
+                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+                gap: 20px;
                 padding: 10px;
             }
             .product {
                 background: #fff;
-                border-radius: 10px;
-                padding: 10px;
-                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+                border-radius: 15px;
+                padding: 15px;
+                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
                 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
                 overflow: hidden;
-                position: relative;
             }
             body.dark-mode .product {
                 background: #2d3748;
                 color: #fff;
             }
             .product:hover {
-                transform: translateY(-5px);
-                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
+                transform: translateY(-5px) scale(1.02);
+                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
             }
             .product-image {
                 width: 100%;
                 aspect-ratio: 1;
                 background-color: #fff;
-                border-radius: 8px;
+                border-radius: 10px;
                 overflow: hidden;
                 display: flex;
                 justify-content: center;
@@ -251,57 +250,67 @@ def catalog():
             .product-image img:hover {
                 transform: scale(1.1);
             }
-            .product-header {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                margin-top: 5px;
-            }
-            .product-title {
-                font-size: 1rem;
+            .product h2 {
+                font-size: 1.2rem;
                 font-weight: 600;
-                margin: 5px 0;
-                color: #333;
-                text-align: left;
+                margin: 10px 0;
+                text-align: center;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
-            body.dark-mode .product-title {
-                color: #e2e8f0;
-            }
             .product-price {
-                font-size: 1.1rem;
-                color: #ff4444;
+                font-size: 1.3rem;
+                color: #ef4444;
                 font-weight: 700;
-                text-align: right;
+                text-align: center;
+                margin: 5px 0;
+            }
+            .product-description {
+                font-size: 0.9rem;
+                color: #718096;
+                text-align: center;
+                margin-bottom: 15px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+            body.dark-mode .product-description {
+                color: #a0aec0;
             }
             .product-button {
                 display: block;
                 width: 100%;
-                padding: 8px;
+                padding: 10px;
                 border: none;
-                border-radius: 5px;
-                background-color: #4CAF50;
+                border-radius: 8px;
+                background-color: #3b82f6;
                 color: white;
                 font-size: 0.9rem;
                 font-weight: 500;
                 cursor: pointer;
                 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-                margin-top: 10px;
+                margin: 5px 0;
                 text-align: center;
                 text-decoration: none;
             }
             .product-button:hover {
-                background-color: #45a049;
-                box-shadow: 0 2px 10px rgba(76, 175, 80, 0.4);
+                background-color: #2563eb;
+                box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
                 transform: translateY(-2px);
             }
+            .add-to-cart {
+                background-color: #10b981;
+            }
+            .add-to-cart:hover {
+                background-color: #059669;
+                box-shadow: 0 4px 15px rgba(5, 150, 105, 0.4);
+            }
             #cart-button {
                 position: fixed;
                 bottom: 20px;
                 right: 20px;
-                background-color: #ff4444;
+                background-color: #ef4444;
                 color: white;
                 border: none;
                 border-radius: 50%;
@@ -404,17 +413,20 @@ def catalog():
             @media (max-width: 768px) {
                 .products-grid {
                     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-                    gap: 10px;
+                    gap: 15px;
                 }
-                .product-title {
-                    font-size: 0.9rem;
+                .product h2 {
+                    font-size: 1rem;
                 }
                 .product-price {
-                    font-size: 1rem;
+                    font-size: 1.1rem;
+                }
+                .product-description {
+                    font-size: 0.8rem;
                 }
                 .product-button {
                     font-size: 0.8rem;
-                    padding: 6px;
+                    padding: 8px;
                 }
                 .header-logo {
                     width: 50px;
@@ -459,11 +471,11 @@ def catalog():
                              loading="lazy">
                     </div>
                     {% endif %}
-                    <div class="product-header">
-                        <div class="product-title">{{ product['name'] }}</div>
-                        <div class="product-price">{{ product['price'] }} с</div>
-                    </div>
-                    <button class="product-button" onclick="openQuantityModal({{ loop.index0 }})">В корзину</button>
+                    <h2>{{ product['name'] }}</h2>
+                    <div class="product-price">{{ product['price'] }} с</div>
+                    <p class="product-description">{{ product['description'][:50] }}{% if product['description']|length > 50 %}...{% endif %}</p>
+                    <button class="product-button" onclick="openModal({{ loop.index0 }})">Подробнее</button>
+                    <button class="product-button add-to-cart" onclick="openQuantityModal({{ loop.index0 }})">В корзину</button>
                 </div>
                 {% endfor %}
             </div>
@@ -632,7 +644,7 @@ def catalog():
                     orderText += `${index + 1}. ${item.name} - ${item.price} с × ${item.quantity}%0A`;
                 });
                 orderText += `Итого: ${total} с`;
-                window.open(`https://api.whatsapp.com/send?phone=996772179559&text=${orderText}`, '_blank');
+                window.open(`https://api.whatsapp.com/send?phone=996709513331&text=${orderText}`, '_blank');
             }
 
             function clearCart() {