2026-10-26 13:36:52 +03:00
1 changed files with 46 additions and 0 deletions
@@ -6111,6 +6111,52 @@ h4 {
    font-weight: 600;
 }

+@media (max-width: 1279.98px) {
+  .h-article-hero{
+    min-width: 100%;
+  }
+
+  .h-article-hero__container{
+    width: 100%;
+
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+  .h-article-hero__image,
+  .h-article-hero__picture{
+    min-width: auto;
+    min-height: auto;
+
+    width: 100%;
+  }
+}
+
+@media (max-width: 550px) {
+  .h-article-hero__meta{
+    flex-direction: column;
+    align-items: start;
+  }
+  .h-article-hero__meta-item {
+    width: 300px;
+  }
+
+  .h-article-hero__meta-item:first-child {
+      padding-left: 20px;;
+  }
+
+  .h-article-hero__meta-item + .h-article-hero__meta-item {
+    border-left: none;
+  }
+
+  .h-article-hero__title{
+    font-size: 28px;
+  }
+  .h-article-hero__description{
+    font-size: 16px;
+  }
+}
+
 .h-attention {
    --attention-color: var(--color-red);
    --attention-bg: color-mix(in srgb, var(--color-red) 8%, var(--color-light));