body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f5f5f5; }
.container { max-width: 1200px; margin: auto; padding: 20px; }

/* Основной товар */
.product-main {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}
.product-main:hover { box-shadow: 0 12px 25px rgba(0,0,0,0.2); }

.product-image { flex: 1 1 400px; text-align: center; }
.product-image img { max-width: 100%; border-radius: 12px; }

.product-info { flex: 1 1 300px; display: flex; flex-direction: column; gap: 10px; }
.product-info h1 { margin: 0; font-size: 2rem; color: #333; }

.product-prices div { font-size: 1.2rem; }
.product-prices span { text-decoration: line-through; color: #999; }
.product-prices strong { color: #e74c3c; }

.btn { display: inline-block; padding: 12px; border-radius: 8px; font-weight: bold; text-decoration: none; color: #fff; text-align: center; margin-top: 10px; transition: transform 0.3s ease; }
.btn-buy-main { background-color: #2ecc71; }
.btn-buy-main:hover { background-color: #27ae60; transform: scale(1.05); }
.btn-details-main { background-color: #3498db; }
.btn-details-main:hover { background-color: #2980b9; transform: scale(1.05); }

.product-description { margin-top: 20px; font-size: 1rem; color: #555; }

/* Другие товары */
.other-products { margin-top: 40px; }
.other-products h2 { text-align: center; margin-bottom: 20px; }
.other-products-grid { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }

.other-products-grid .card {
    flex: 1 1 calc(20% - 15px);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.other-products-grid .card:hover { transform: translateY(-8px); box-shadow: 0 12px 20px rgba(0,0,0,0.2); }

.card img { width: 100%; height: 200px; object-fit: cover; transition: transform 0.3s ease; }
.card:hover img { transform: scale(1.05); }

.card h4 { font-size: 16px; margin: 10px; min-height: 48px; }
.card .price-old { text-decoration: line-through; color: #e74c3c; margin: 0 10px; }
.card .price-new { color: #27ae60; font-weight: bold; margin: 0 10px 10px; transition: color 0.3s ease, transform 0.3s ease; }
.card:hover .price-new { color: #27ae60; transform: scale(1.05); }

.card .card-buttons { margin-top: auto; padding: 10px; display: flex; gap: 5px; }
.card .btn-buy-other { flex: 1; background-color: #28a745; color: #fff; text-align: center; padding: 5px 0; border-radius: 4px; text-decoration: none; transition: transform 0.3s ease; }
.card .btn-buy-other:hover { transform: scale(1.05); }
.card .btn-details-other { flex: 1; background-color: #007bff; color: #fff; text-align: center; padding: 5px 0; border-radius: 4px; text-decoration: none; transition: transform 0.3s ease; }
.card .btn-details-other:hover { transform: scale(1.05); }

/* Адаптив */
@media(max-width:1200px){ .other-products-grid .card{ flex:1 1 calc(33.33% - 15px); } }
@media(max-width:768px){ .product-main{ flex-direction: column; } .other-products-grid .card{ flex:1 1 calc(50% - 15px); } }
@media(max-width:480px){ .other-products-grid .card{ flex:1 1 100%; } }