Gmail удаляет все намеки на классы css из HTML-шаблона для рассылки, как исправить?
Тестирую работу css для html-шаблона рассылки и не могу разобраться, почему Gmail удаляет все мои css-классы из кода:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>TEST</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
@media only screen and (min-width: 800px) {
.mradius {
border-radius: 40px !important;
}
}
@media only screen and (max-width: 800px) {
.mradius {
border-radius: 0 !important;
}
}
</style>
</head>
<body>
<div
style="width: 200px; height: 200px; background: #000000; margin: 0 auto"
class="mradius"
></div>
</body>
</html>Код прогнал через несколько валидаторов, так что ошибок быть не должно. Шаблон импортировал через инструменты разработчика Хрома. Отказаться от css не могу, так как для моего шаблона необходимы @media-выражения, которые в свою очередь должны поддерживаться Gmail уже года так четыре. В чем кроется проблема? Уже задавал вопрос на ломаном английском, но ответа не получил. Надеюсь, хотя-бы спросив на ломаном русском, получу какой-то фидбек)