/* Контейнер блока */ .t-premium-features { padding: 80px 20px; background-color: #fafafa; font-family: 'Helvetica Neue', Arial, sans-serif; } .t-container { max-width: 1200px; margin: 0 auto; } /* Заголовки */ .t-title { text-align: center; font-size: 36px; font-weight: 700; color: #222; margin-bottom: 15px; line-height: 1.2; } .t-subtitle { text-align: center; font-size: 18px; color: #666; margin-bottom: 60px; font-weight: 400; } /* Сетка карточек */ .t-features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 0 auto; } /* Карточка */ .t-feature-card { background: white; border-radius: 12px; padding: 35px 25px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; border: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center; text-align: center; } .t-feature-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); border-color: #d4af37; /* Золотой акцент */ } /* Иконка */ .t-feature-icon { width: 70px; height: 70px; background: linear-gradient(135deg, #f8f5f0 0%, #f0ece5 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; color: #d4af37; /* Золотой цвет для иконок */ } /* Заголовок карточки */ .t-feature-card h3 { font-size: 20px; font-weight: 600; color: #222; margin-bottom: 15px; line-height: 1.3; } /* Текст карточки */ .t-feature-card p { font-size: 15px; color: #666; line-height: 1.6; margin: 0; } /* Адаптивность */ @media (max-width: 992px) { .t-features-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 768px) { .t-premium-features { padding: 50px 15px; } .t-title { font-size: 28px; } .t-subtitle { font-size: 16px; margin-bottom: 40px; } .t-features-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; } .t-feature-card { padding: 25px 20px; } }