* {
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;
}
}
Tree Phantom Ultimate 98dB
Smart stand Tree.
Perfectly Elevated Listening.
Tree stand raises Devialet Phantom Ultimate 98 dB to pitch-perfect heights, unlocking its full acoustic
potential. Inspired by the lightness and strength of the Kapok tree, it's a natural fit for Hi-Fi stereo
set-ups, delivering sound sure to satisfy the most exacting of audiophiles. Available in three finishes,
the Tree stand guarantees total stability without ever compromising on style. Cables, of course, are
kept elegantly out of sight—and your music feels elevated, in every sense.