/* Загальні стилі для сторінки */
body {
    font-family: Arial, sans-serif;
    padding: 0;
    background-color: #000000;
    color: #ffffff;
	margin: 0; /* Видаляємо зовнішні відступи */
    padding: 0; /* Видаляємо внутрішні відступи */
}

/* Стилі для заголовка */
h1 {
    text-align: center;
    color: #fff444;
    margin-bottom: 30px;
	font-size: 3rem;
}

/* Стилі для списку */
.product-ul {
    list-style-type: none;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    display: flex; /* Розташування елементів у ряд */
    flex-wrap: wrap; /* Перенесення елементів на новий ряд, якщо не вистачає місця */
    gap: 10px; /* Відстань між елементами */
    justify-content: center; /* Центрування елементів */
}

/* Стилі для елементів списку */
.product-li {
    background-color: #fff;
    margin: 10px 0;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 2rem;
    font-weight: bold;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    flex: 1 1 auto; /* Гнучкість елементів для адаптації */
    text-align: center; /* Центрування тексту */
    min-width: 120px; /* Мінімальна ширина елемента */
}

/* Ефект при наведенні на елемент списку */
li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

h2, h3 {
            color: #f39c12; /* Помаранчевий колір для заголовків */
        }

        p {
            margin-bottom: 15px;
			color: #fffff2;
        }

        span {
            color: #f39c12; /* Помаранчевий колір для ключових слів */
            font-weight: bold;
        }

        ul {
            list-style-type: disc;
            margin-left: 20px;
        }

        a {
            color: #3498db; /* Блакитний колір для посилань */
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .container {
            max-width: 70%;
            margin: 0 auto;
            padding: 20px;
            background-color: #2c3e50; /* Темно-синій фон для контейнера */
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }