Informācija par preci

* { box-sizing: border-box; } img { max-width: 100%; } #rich-devialet { padding: 80px 40px; background-color: #f4f4f4; max-width: 1400px; margin: auto; font-family: Euclid Square, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, sans-serif; } .wrapper { display: flex; /* Включаем flex-контейнер */ flex-direction: column; /* Элементы располагаются вертикально */ } .header { display: flex; /* Flex-контейнер */ flex-direction: column; /* Элементы идут сверху вниз */ } .header h2, p { color: black; } .small__one-time { max-width: fit-content; /* Ширина подстраивается под содержимое */ background-color: black; color: #ffffff; font-size: 12px; padding: 8px 4px; border-radius: 4px; text-align: center; } h2 { font-size: 36px; font-weight: 600; margin-block: 8px; } .main-text { margin-block: 8px; font-size: 18px; } .photo { max-width: 1400px; min-height: auto; /* Минимальная высота — автоматическая */ background-color: #fff; margin: auto; margin-block: 50px; border-radius: 8px; } .photo img { border-radius: 8px; } .info-text { display: flex; /* Горизонтальное расположение элементов */ align-items: flex-start; /* Выравнивание по верхнему краю */ margin-block: 10px 50px; /* Отступы сверху и снизу */ gap: 20px; /* Расстояние между элементами */ } .info-text-bk { display: flex; align-items: flex-start; margin-block: 10px 50px; gap: 20px; background-color: black; border-radius: 8px; } .info-text h3 { width: 50%; /* Половина ширины контейнера */ font-size: 32px; font-weight: 600; text-align: left; } .info-text-bk h4 { width: 50%; font-size: 24px; font-weight: 600; text-align: left; color: #f4f4f4; padding: 20px; } .info-text p { width: 50%; /* Вторая половина ширины */ font-size: 18px; text-align: left; } .info-text-bk p { width: 50%; color: #f4f4f4; font-size: 18px; text-align: left; padding: 20px; } .icons__list { width: 100%; /* На всю ширину */ margin: 40px auto; /* Центрирование */ display: flex; /* Flex-контейнер */ flex-wrap: wrap; /* Перенос элементов */ justify-content: center; /* Центрирование по горизонтали */ background-color: #ffffff; border-radius: 8px; padding-block: 20px; gap: 30px; } .icon-and-text { width: 220px; /* Фиксированная ширина карточки */ display: flex; /* Flex-контейнер */ flex-direction: column; /* Элементы сверху вниз */ text-align: center; align-items: center; /* Центрирование содержимого */ } .icon-and-text img { max-width: 48px; /* Ограничение ширины иконки */ height: auto; /* Автоматическая высота */ display: block; /* Убирает лишние отступы */ } .foother__cards { width: 100%; /* На всю ширину */ max-width: 1400px; display: flex; /* Flex-контейнер */ flex-wrap: wrap; /* Перенос элементов */ justify-content: space-between; /* Равномерное распределение */ margin-block: 50px; } .card { background-color: rgb(45, 45, 45); flex: 1 1 calc(33.333% - 30px); /* 3 карточки в ряд */ max-width: calc(33.333% - 30px); /* Ограничение ширины */ display: flex; /* Flex-контейнер */ flex-direction: column; /* Элементы сверху вниз */ align-items: center; /* Центрирование */ text-align: center; /* Центрирование текста */ border-radius: 8px; padding: 30px; } .card p { color: #ffffff; font-size: 18px; font-weight: 400; } .foother__cards-sec { width: 100%; /* На всю ширину */ max-width: 1400px; display: flex; /* Flex-контейнер */ flex-wrap: wrap; /* Перенос элементов */ justify-content: space-between; /* Равномерное распределение */ margin-block: 50px; } .card-sec { background-color: rgb(255, 255, 255); flex: 1 1 calc(33.333% - 30px); /* 3 карточки в ряд */ max-width: calc(33.333% - 30px); /* Ограничение ширины */ display: flex; /* Flex-контейнер */ flex-direction: column; /* Элементы сверху вниз */ align-items: left; /* Выравнивание по левому краю */ text-align: left; /* Текст слева */ border-radius: 8px; padding: 30px; } .card-sec p { color: black; font-size: 18px; font-weight: 400; } .card-sec h4 { color: black; font-size: 28px; } .card-sec img { max-width: 48px; /* Ограничение ширины иконки */ } @media (max-width: 992px) { .card { flex: 1 1 100%; /* Карточка на всю ширину */ max-width: 100%; /* Ограничение */ } .foother__cards { gap: 30px; } .info-text, .info-text-bk { flex-direction: column; /* Перестройка в колонку */ } .info-text p, .info-text h3, .info-text-bk p, .info-text-bk h4 { width: 100%; /* На всю ширину */ } .card-sec { flex: 1 1 100%; /* На всю ширину */ max-width: 100%; /* Ограничение */ } .foother__cards-sec { gap: 30px; } } Phantom Ultimate 108 dB 108 dB SPL. 14 Hz - 35 kHz . 1100 W. Devialet Phantom Ultimate 108 dB speaker is fitted with Devialet's signature sound, seamless stereo pairing and performance-driven design. Full-Body Sound Technology The Deep Forest finish is a rich, organic take on classic black—a modern statement in any room.