/* VSH25 Mass Media page - editorial grid redesign */
.page-template-template-mass-media {
   --mm-ink: #171b21;
   --mm-text: #5d6878;
   --mm-muted: #8a95a4;
   --mm-line: #e3e9f0;
   --mm-line-strong: #d8e1eb;
   --mm-blue: #2b7eeb;
   --mm-blue-dark: #1f69c7;
   --mm-blue-soft: #f2f7fd;
   --mm-surface: #f7f9fb;
   --mm-white: #fff;
}

.page-template-template-mass-media .mass-media-hero,
.page-template-template-mass-media .mass-media-sections {
   width: 100%;
}

/* HERO */
.page-template-template-mass-media .mass-media-hero {
   padding: 74px 0 0;
   background: #fff;
}

.page-template-template-mass-media .mass-media-hero__grid {
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
   gap: 24px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.page-template-template-mass-media .mass-media-hero__content {
   grid-column: 1 / span 5;
   min-width: 0;
   padding-right: clamp(18px, 3vw, 54px);
}

.page-template-template-mass-media .mass-media-hero__content h1 {
   max-width: 700px;
   margin: 0;
   color: var(--mm-ink);
   font-size: clamp(56px, 4.7vw, 78px);
   font-weight: 400;
   line-height: 1.01;
   letter-spacing: -0.052em;
   text-wrap: balance;
}

.page-template-template-mass-media .mass-media-hero__text {
   max-width: 620px;
   margin-top: 30px;
}

.page-template-template-mass-media .mass-media-hero__text,
.page-template-template-mass-media .mass-media-hero__text p {
   margin-bottom: 0;
   color: var(--mm-text);
   font-size: 18px;
   font-weight: 400;
   line-height: 1.64;
}

.page-template-template-mass-media .mass-media-hero__text p:not(:last-child) {
   margin-bottom: 12px;
}

.page-template-template-mass-media .mass-media-hero__aside {
   grid-column: 6 / -1;
   min-width: 0;
}

.page-template-template-mass-media .mass-media-hero__logos {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 12px;
}

.page-template-template-mass-media .mass-media-hero__logo {
   min-width: 0;
   min-height: 122px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 22px 20px;
   overflow: hidden;
   border: 1px solid var(--mm-line);
   border-radius: 18px;
   background: #fff;
   -webkit-box-shadow: 0 8px 25px rgba(29, 48, 72, 0.035);
   box-shadow: 0 8px 25px rgba(29, 48, 72, 0.035);
   -webkit-transition:
      background-color 0.22s ease,
      -webkit-transform 0.22s ease,
      -webkit-box-shadow 0.22s ease;
   transition:
      background-color 0.22s ease,
      -webkit-transform 0.22s ease,
      -webkit-box-shadow 0.22s ease;
   transition:
      transform 0.22s ease,
      box-shadow 0.22s ease,
      background-color 0.22s ease;
   transition:
      transform 0.22s ease,
      box-shadow 0.22s ease,
      background-color 0.22s ease,
      -webkit-transform 0.22s ease,
      -webkit-box-shadow 0.22s ease;
}

/* No black/strong border on hover. */
.page-template-template-mass-media .mass-media-hero__logo:hover {
   border-color: var(--mm-line);
   background: #fbfcfd;
   -webkit-box-shadow: 0 14px 34px rgba(29, 48, 72, 0.07);
   box-shadow: 0 14px 34px rgba(29, 48, 72, 0.07);
   -webkit-transform: translateY(-2px);
   transform: translateY(-2px);
}

/* Shared image reset lives in style.css and is reused by media-about. */
.page-template-template-mass-media .mass-media-hero__logo .mm-logo {
   width: auto;
   height: auto;
   max-width: 78%;
   max-height: 58px;
}

.page-template-template-mass-media .mass-media-hero__logo.mass-media-brand--medikforum .mm-logo {
   max-width: 70%;
   max-height: 42px;
}

.page-template-template-mass-media .mass-media-hero__logo.mass-media-brand--rgnkc .mm-logo {
   max-width: 74%;
   max-height: 52px;
}

.page-template-template-mass-media .mass-media-hero__logo.mass-media-brand--business-journal .mm-logo {
   max-width: 68%;
   max-height: 58px;
}

.page-template-template-mass-media .mass-media-hero__logo.mass-media-brand--sobaka .mm-logo {
   max-width: 68%;
   max-height: 60px;
}

/* SECTIONS */
.page-template-template-mass-media .mass-media-sections {
   margin: 0;
   padding: 82px 0 112px;
   background: #fff;
   border: 0;
}

.page-template-template-mass-media .mass-media-sections > .container-2 {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 252px;
   grid-template-areas: "content navigation";
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: start;
   gap: clamp(44px, 4vw, 72px);
   min-width: 0;
}

.page-template-template-mass-media .mass-media-filters {
   grid-area: navigation;
   position: -webkit-sticky;
   position: sticky;
   z-index: 20;
   top: 104px;
   width: 100%;
   min-width: 0;
   margin: 0;
   padding: 16px 16px 14px;
   overflow: hidden;
   border: 1px solid #e8edf2;
   border-radius: 20px;
   background: #ffffff;
   -webkit-box-shadow: 0 12px 34px rgba(34, 54, 77, 0.045);
   box-shadow: 0 12px 34px rgba(34, 54, 77, 0.045);
}

.page-template-template-mass-media .mass-media-filters__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   min-height: 28px;
   padding: 0 6px 10px;
}

.page-template-template-mass-media .mass-media-filters__title {
   color: #27323e;
   font-size: 14px;
   font-weight: 500;
   line-height: 1.3;
   letter-spacing: -0.012em;
}

.page-template-template-mass-media .mass-media-filters__desktop {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   gap: 2px;
   padding: 0;
   overflow: visible;
   border: 0;
   border-radius: 0;
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.page-template-template-mass-media .mass-media-filters__mobile {
   display: none;
}

.page-template-template-mass-media .mass-media-filter {
   position: relative;
   width: 100%;
   min-height: 44px;
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
   padding: 9px 8px 9px 10px;
   overflow: hidden;
   border: 0;
   border-radius: 10px;
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #718094;
   font-family: inherit;
   font-size: 13px;
   font-weight: 400;
   line-height: 1.35;
   text-align: left;
   cursor: pointer;
   -webkit-transition:
      color 0.18s ease,
      background-color 0.18s ease;
   transition:
      color 0.18s ease,
      background-color 0.18s ease;
}

.page-template-template-mass-media .mass-media-filter::before,
.page-template-template-mass-media .mass-media-filter::after {
   display: none;
   content: none;
}

.page-template-template-mass-media .mass-media-filter__label {
   min-width: 0;
   overflow-wrap: break-word;
}

.page-template-template-mass-media .mass-media-filter__count {
   min-width: 0;
   height: auto;
   display: inline;
   padding: 0;
   border: 0;
   border-radius: 0;
   background: transparent;
   color: #a0aab7;
   font-size: 11px;
   font-weight: 400;
   line-height: 1;
   text-align: right;
   -webkit-transition: color 0.18s ease;
   transition: color 0.18s ease;
}

.page-template-template-mass-media .mass-media-filter:hover {
   border: 0;
   background: #fafbfc;
   color: #354253;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-transform: none;
   transform: none;
}

.page-template-template-mass-media .mass-media-filter:hover .mass-media-filter__count {
   background: transparent;
   color: #7d8998;
}

.page-template-template-mass-media .mass-media-filter.is-active {
   border: 0;
   background: #f4f7fa;
   color: #285d98;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.page-template-template-mass-media .mass-media-filter.is-active .mass-media-filter__label {
   font-weight: 500;
}

.page-template-template-mass-media .mass-media-filter.is-active .mass-media-filter__count {
   background: transparent;
   color: #2b7eeb;
   font-weight: 500;
}

.page-template-template-mass-media .mass-media-filter:focus-visible,
.page-template-template-mass-media .mass-media-card:focus-visible {
   outline: 2px solid rgba(43, 126, 235, 0.3);
   outline-offset: 3px;
}

.page-template-template-mass-media .mass-media-sections__groups {
   grid-area: content;
   min-width: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 104px;
}

.page-template-template-mass-media .mass-media-section {
   width: 100%;
   min-width: 0;
   scroll-margin-top: 122px;
}

.page-template-template-mass-media .mass-media-section[hidden] {
   display: block !important;
}

.page-template-template-mass-media .mass-media-section__head {
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
   gap: 24px;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: end;
   width: 100%;
   min-width: 0;
   margin-bottom: 30px;
   padding-bottom: 0;
   border-bottom: 0;
}

.page-template-template-mass-media .mass-media-section__head h2 {
   grid-column: 1 / span 9;
   min-width: 0;
   margin: 0;
   color: var(--mm-ink);
   font-size: clamp(34px, 3vw, 48px);
   font-weight: 400;
   line-height: 1.08;
   letter-spacing: -0.04em;
   text-wrap: balance;
}

.page-template-template-mass-media .mass-media-section__count {
   grid-column: 10 / -1;
   justify-self: end;
   padding-bottom: 4px;
   color: var(--mm-muted);
   font-size: 13px;
   font-weight: 400;
   line-height: 1.3;
   max-width: 100%;
   white-space: nowrap;
}

/* Balanced editorial grid. No automatic full-width orphan cards. */
.page-template-template-mass-media .mass-media-section__grid {
   display: grid;
   grid-template-columns: repeat(6, minmax(0, 1fr));
   gap: 16px;
   width: 100%;
   min-width: 0;
}

.page-template-template-mass-media .mass-media-section__grid > .mass-media-card {
   grid-column: span 2 !important;
}

.page-template-template-mass-media .mass-media-section__grid--tail-two > .mass-media-card:nth-last-child(-n + 2),
.page-template-template-mass-media .mass-media-section__grid--tail-four > .mass-media-card:nth-last-child(-n + 4),
.page-template-template-mass-media .mass-media-section__grid--single > .mass-media-card {
   grid-column: span 3 !important;
}

.page-template-template-mass-media .mass-media-card {
   position: relative;
   min-width: 0;
   min-height: 274px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 26px;
   overflow: hidden;
   border: 1px solid var(--mm-line);
   border-radius: 18px;
   background: #fff;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: var(--mm-ink);
   text-decoration: none;
   -webkit-transition:
      background-color 0.22s ease,
      -webkit-transform 0.22s ease,
      -webkit-box-shadow 0.22s ease;
   transition:
      background-color 0.22s ease,
      -webkit-transform 0.22s ease,
      -webkit-box-shadow 0.22s ease;
   transition:
      transform 0.22s ease,
      box-shadow 0.22s ease,
      background-color 0.22s ease;
   transition:
      transform 0.22s ease,
      box-shadow 0.22s ease,
      background-color 0.22s ease,
      -webkit-transform 0.22s ease,
      -webkit-box-shadow 0.22s ease;
}

.page-template-template-mass-media .mass-media-card::before,
.page-template-template-mass-media .mass-media-card::after {
   display: none !important;
   content: none !important;
}

.page-template-template-mass-media .mass-media-card:hover {
   border-color: var(--mm-line);
   background: #fff;
   -webkit-box-shadow: 0 16px 38px rgba(33, 51, 72, 0.075);
   box-shadow: 0 16px 38px rgba(33, 51, 72, 0.075);
   -webkit-transform: translateY(-3px);
   transform: translateY(-3px);
}

.page-template-template-mass-media .mass-media-card__meta {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 14px;
   margin-bottom: 28px;
}

.page-template-template-mass-media .mass-media-card__source {
   min-width: 0;
   overflow: hidden;
   color: #496177;
   font-size: 12px;
   font-weight: 600;
   line-height: 1.2;
   letter-spacing: 0.015em;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.page-template-template-mass-media .mass-media-card__date {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   color: #9aa4b0;
   font-size: 11px;
   line-height: 1.2;
   white-space: nowrap;
}

.page-template-template-mass-media .mass-media-card h3 {
   margin: 0;
   color: var(--mm-ink);
   font-size: clamp(19px, 1.42vw, 23px);
   font-weight: 400;
   line-height: 1.37;
   letter-spacing: -0.024em;
   text-wrap: balance;
}

.page-template-template-mass-media .mass-media-card__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 14px;
   margin-top: auto;
   padding-top: 34px;
}

.page-template-template-mass-media .mass-media-card__action {
   color: #697789;
   font-size: 12px;
   font-weight: 500;
}

.page-template-template-mass-media .mass-media-card__arrow {
   width: 36px;
   height: 36px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 36px;
   flex: 0 0 36px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: 1px solid #dce5ef;
   border-radius: 50%;
   background: #fff;
   color: var(--mm-blue);
   -webkit-transition:
      background-color 0.2s ease,
      color 0.2s ease,
      -webkit-transform 0.2s ease;
   transition:
      background-color 0.2s ease,
      color 0.2s ease,
      -webkit-transform 0.2s ease;
   transition:
      background-color 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease;
   transition:
      background-color 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease,
      -webkit-transform 0.2s ease;
}

.page-template-template-mass-media .mass-media-card__arrow svg {
   width: 17px;
   height: 17px;
}

.page-template-template-mass-media .mass-media-card:hover .mass-media-card__arrow {
   border-color: #dce5ef;
   background: var(--mm-blue-soft);
   color: var(--mm-blue-dark);
   -webkit-transform: translate(1px, -1px);
   transform: translate(1px, -1px);
}

/* Keep the mobile select compatible with the existing page JS/custom select. */
.page-template-template-mass-media .mass-media-filters__select {
   width: 100%;
}
.page-template-template-mass-media .cselect__native--hidden {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   overflow: hidden !important;
   opacity: 0 !important;
   pointer-events: none !important;
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect {
   position: relative;
   width: 100%;
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect.is-open {
   z-index: 60;
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect__btn {
   width: 100%;
   min-height: 54px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 0 15px;
   border: 1px solid #dce6f0;
   border-radius: 14px;
   background: rgba(255, 255, 255, 0.92);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
   color: var(--mm-ink);
   font: inherit;
   font-size: 14px;
   cursor: pointer;
   -webkit-transition:
      border-color 0.18s ease,
      background-color 0.18s ease,
      -webkit-box-shadow 0.18s ease;
   transition:
      border-color 0.18s ease,
      background-color 0.18s ease,
      -webkit-box-shadow 0.18s ease;
   transition:
      border-color 0.18s ease,
      background-color 0.18s ease,
      box-shadow 0.18s ease;
   transition:
      border-color 0.18s ease,
      background-color 0.18s ease,
      box-shadow 0.18s ease,
      -webkit-box-shadow 0.18s ease;
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect__btn:focus {
   outline: none;
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect__btn:focus-visible {
   outline: none;
   border-color: #b9cee6;
   -webkit-box-shadow: 0 0 0 3px rgba(43, 126, 235, 0.1);
   box-shadow: 0 0 0 3px rgba(43, 126, 235, 0.1);
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect.is-open .cselect__btn {
   border-color: #c6d7e9;
   background: #fbfdff;
}
@media (hover: hover) and (pointer: fine) {
   .page-template-template-mass-media .mass-media-filters__mobile .cselect__btn:hover {
      border-color: #c6d7e9;
      background: #fbfdff;
      -webkit-box-shadow: 0 5px 16px rgba(31, 55, 82, 0.05);
      box-shadow: 0 5px 16px rgba(31, 55, 82, 0.05);
   }
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect__chev {
   width: 8px;
   height: 8px;
   margin-left: 12px;
   border-right: 1.5px solid var(--mm-blue);
   border-bottom: 1.5px solid var(--mm-blue);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: -webkit-transform 0.18s ease;
   transition: -webkit-transform 0.18s ease;
   transition: transform 0.18s ease;
   transition:
      transform 0.18s ease,
      -webkit-transform 0.18s ease;
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect.is-open .cselect__chev {
   -webkit-transform: rotate(225deg);
   transform: rotate(225deg);
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect__list {
   position: absolute;
   z-index: 50;
   top: calc(100% + 8px);
   left: 0;
   right: 0;
   display: none;
   max-height: 280px;
   padding: 7px;
   overflow: auto;
   border: 1px solid #dce6f0;
   border-radius: 16px;
   background: #fff;
   -webkit-box-shadow: 0 20px 48px rgba(30, 51, 77, 0.13);
   box-shadow: 0 20px 48px rgba(30, 51, 77, 0.13);
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect.is-open .cselect__list {
   display: block;
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect__opt {
   width: 100%;
   padding: 11px 12px;
   border: 0;
   border-radius: 9px;
   background: transparent;
   color: #596779;
   font: inherit;
   font-size: 14px;
   text-align: left;
   cursor: pointer;
}
.page-template-template-mass-media .mass-media-filters__mobile .cselect__opt:hover,
.page-template-template-mass-media .mass-media-filters__mobile .cselect__opt[aria-selected="true"] {
   background: var(--mm-blue-soft);
   color: var(--mm-blue-dark);
}

@media (max-width: 1199px) {
   .page-template-template-mass-media .mass-media-hero {
      padding: 60px 0 0;
   }
   .page-template-template-mass-media .mass-media-hero__content {
      grid-column: 1 / span 5;
      padding-right: 12px;
   }
   .page-template-template-mass-media .mass-media-hero__aside {
      grid-column: 6 / -1;
   }
   .page-template-template-mass-media .mass-media-hero__logos {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .page-template-template-mass-media .mass-media-hero__logo {
      min-height: 108px;
   }
   .page-template-template-mass-media .mass-media-sections {
      padding-top: 70px;
   }
   .page-template-template-mass-media .mass-media-section__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .page-template-template-mass-media .mass-media-section__grid > .mass-media-card,
   .page-template-template-mass-media .mass-media-section__grid--tail-two > .mass-media-card:nth-last-child(-n + 2),
   .page-template-template-mass-media .mass-media-section__grid--tail-four > .mass-media-card:nth-last-child(-n + 4),
   .page-template-template-mass-media .mass-media-section__grid--single > .mass-media-card {
      grid-column: auto !important;
   }
   .page-template-template-mass-media .mass-media-card {
      min-height: 252px;
   }
}

@media (max-width: 1080px) {
   .page-template-template-mass-media .mass-media-sections > .container-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0;
   }
   .page-template-template-mass-media .mass-media-filters {
      position: static;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      top: auto;
      margin: 0 0 52px;
      padding: 12px 14px;
   }
   .page-template-template-mass-media .mass-media-sections__groups {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      width: 100%;
   }
   .page-template-template-mass-media .mass-media-filters__desktop {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      gap: 6px;
      padding: 0;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
   }
   .page-template-template-mass-media .mass-media-filters__desktop::-webkit-scrollbar {
      display: none;
   }
   .page-template-template-mass-media .mass-media-filter {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      min-height: 44px;
      padding: 8px 10px 8px 14px;
      white-space: nowrap;
      text-align: left;
   }
}

@media (max-width: 899px) {
   .page-template-template-mass-media .mass-media-hero__grid {
      row-gap: 46px;
   }
   .page-template-template-mass-media .mass-media-hero__content,
   .page-template-template-mass-media .mass-media-hero__aside {
      grid-column: 1 / -1;
   }
   .page-template-template-mass-media .mass-media-hero__content {
      padding-right: 0;
   }
   .page-template-template-mass-media .mass-media-hero__content h1 {
      max-width: 760px;
   }
   .page-template-template-mass-media .mass-media-hero__text {
      max-width: 760px;
   }
   .page-template-template-mass-media .mass-media-hero__logos {
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   .page-template-template-mass-media .mass-media-hero__logo {
      min-height: 104px;
      padding: 17px 14px;
   }
}

@media (max-width: 767px) {
   .page-template-template-mass-media .mass-media-hero {
      padding: 42px 0 0;
   }
   .page-template-template-mass-media .mass-media-hero__content h1 {
      font-size: clamp(42px, 12vw, 58px);
      letter-spacing: -0.045em;
   }
   .page-template-template-mass-media .mass-media-hero__text {
      margin-top: 22px;
   }
   .page-template-template-mass-media .mass-media-hero__text,
   .page-template-template-mass-media .mass-media-hero__text p {
      font-size: 16px;
      line-height: 1.58;
   }
   .page-template-template-mass-media .mass-media-hero__logos {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 9px;
   }
   .page-template-template-mass-media .mass-media-hero__logo {
      min-height: 92px;
      border-radius: 15px;
   }
   .page-template-template-mass-media .mass-media-sections {
      padding: 54px 0 88px;
   }
   .page-template-template-mass-media .mass-media-sections > .container-2 {
      display: block;
   }
   .page-template-template-mass-media .mass-media-filters {
      position: relative;
      z-index: 40;
      top: auto;
      margin: 0 0 42px;
      padding: 12px 14px;
      overflow: visible;
      border-radius: 20px;
   }
   .page-template-template-mass-media .mass-media-filters__desktop {
      display: none !important;
   }
   .page-template-template-mass-media .mass-media-filters__mobile {
      display: block !important;
      width: 100%;
      min-width: 0;
   }
   .page-template-template-mass-media .mass-media-sections__groups {
      width: 100%;
      gap: 72px;
   }
   .page-template-template-mass-media .mass-media-section {
      scroll-margin-top: 96px;
   }
   .page-template-template-mass-media .mass-media-section__head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      gap: 9px;
      margin-bottom: 22px;
      padding-bottom: 0;
      border-bottom: 0;
   }
   .page-template-template-mass-media .mass-media-section__head h2 {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      font-size: 32px;
   }
   .page-template-template-mass-media .mass-media-section__count {
      width: auto;
      max-width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      padding: 0;
      font-size: 12px;
      line-height: 1.3;
      white-space: normal;
      overflow-wrap: anywhere;
   }
   .page-template-template-mass-media .mass-media-section__grid {
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
   }
   .page-template-template-mass-media .mass-media-section__grid > .mass-media-card,
   .page-template-template-mass-media .mass-media-section__grid--tail-two > .mass-media-card:nth-last-child(-n + 2),
   .page-template-template-mass-media .mass-media-section__grid--tail-four > .mass-media-card:nth-last-child(-n + 4),
   .page-template-template-mass-media .mass-media-section__grid--single > .mass-media-card {
      grid-column: auto !important;
   }
   .page-template-template-mass-media .mass-media-card {
      min-height: 218px;
      padding: 22px;
      border-radius: 16px;
   }
   .page-template-template-mass-media .mass-media-card__meta {
      margin-bottom: 24px;
   }
   .page-template-template-mass-media .mass-media-card h3 {
      font-size: 20px;
   }
   .page-template-template-mass-media .mass-media-card__footer {
      padding-top: 28px;
   }
}

@media (max-width: 420px) {
   .page-template-template-mass-media .mass-media-hero__logo {
      min-height: 82px;
      padding: 13px 10px;
   }
}

@media (prefers-reduced-motion: reduce) {
   .page-template-template-mass-media .mass-media-hero__logo,
   .page-template-template-mass-media .mass-media-filter,
   .page-template-template-mass-media .mass-media-card,
   .page-template-template-mass-media .mass-media-card__arrow {
      -webkit-transition: none !important;
      transition: none !important;
   }
}