* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Old Standard TT', 'Times New Roman', serif; background-color: #FDF5E6; color: #333; line-height: 1.6; } /* Шапка сайта */ nav { background-color: #CD853F; padding: 1rem 0; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } nav ul { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; list-style: none; gap: 1.5rem; flex-wrap: wrap; } nav a { color: white; text-decoration: none; padding: 0.5rem 1rem; transition: all 0.3s; font-size: 1.1rem; } nav a:hover { background-color: #FDF5E6; color: #CD853F; border-radius: 5px; } /* Основной контент */ .container { max-width: 1200px; margin: 2rem auto; padding: 2rem; background: white; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); min-height: 500px; } h1 { color: #CD853F; margin-bottom: 1.5rem; font-size: 2rem; border-left: 4px solid #CD853F; padding-left: 1rem; } h2, h3 { color: #8B5A2B; margin: 1rem 0; } /* Герой-секция */ .hero { text-align: center; padding: 3rem; background: linear-gradient(135deg, #FDF5E6 0%, #E6D5B8 100%); border-radius: 10px; margin-bottom: 2rem; } .hero h1 { border-left: none; font-size: 2.5rem; margin-bottom: 1rem; } /* Карточки */ .features-grid, .services-grid, .products-grid, .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 2rem; } .feature-card, .service-card, .product-card, .discount-card { background: #FDF5E6; padding: 1.5rem; border-radius: 10px; border: 1px solid #CD853F; transition: transform 0.3s, box-shadow 0.3s; } .feature-card:hover, .service-card:hover, .product-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(205, 133, 63, 0.2); } /* Товары */ .product-card { background: white; } .product-card h3 { color: #CD853F; margin-bottom: 0.5rem; } .price { font-size: 1.3rem; color: #CD853F; font-weight: bold; margin: 0.5rem 0; } .manufacturer { color: #666; font-size: 0.9rem; margin: 0.5rem 0; } .expiry { font-size: 0.85rem; color: #888; margin-top: 0.5rem; } .stock { display: inline-block; padding: 0.2rem 0.5rem; border-radius: 3px; font-size: 0.8rem; margin-top: 0.5rem; } .in-stock { background-color: #90EE90; color: #228B22; } .out-of-stock { background-color: #FFB6C1; color: #DC143C; } /* Форма */ .order-form { max-width: 600px; margin: 0 auto; } .form-group { margin-bottom: 1rem; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; color: #CD853F; } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 0.75rem; border: 1px solid #CD853F; border-radius: 5px; font-family: inherit; } .btn-primary, .btn-submit { background-color: #CD853F; color: white; padding: 0.75rem 1.5rem; border: none; border-radius: 5px; cursor: pointer; font-size: 1rem; font-family: inherit; transition: background-color 0.3s; text-decoration: none; display: inline-block; } .btn-primary:hover, .btn-submit:hover { background-color: #B87333; } /* Футер */ footer { background-color: #CD853F; color: white; text-align: center; padding: 2rem; margin-top: 2rem; } /* Акции */ .discount-card { background: #FDF5E6; border-left: 4px solid #CD853F; } /* Адаптивность */ @media (max-width: 768px) { nav ul { flex-direction: column; align-items: center; gap: 0.5rem; } .container { margin: 1rem; padding: 1rem; } .hero { padding: 2rem; } }