/* Gimadiev logo 02, equal-width lines (name + "Эксперт по внедрению маркировки") — load AFTER theme.css.
   SVG 468.93×92.78, letters are outlines. Size is set by width; height follows the SVG ratio. */
.gm-brand.gm-brand--v31 {
  display: flex;
  align-items: center;
  margin: 0;
  flex: 0 0 auto;
  line-height: 1;
  letter-spacing: normal;
}
.gm-brand.gm-brand--v31 > a {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  min-height: 44px;
  text-decoration: none;
}
.gm-brand.gm-brand--v31 .gm-logo {
  display: block;
  width: 304px;
  height: auto;
  max-width: none;
}
/* Header width is measured from the header row itself, so the logo never runs into the menu. */
.gm-header-inner,
.gm-footer-inner {
  container-type: inline-size;
}
/* Desktop: 304px, easing down to 280px near the 901px breakpoint where the full menu (~515px) needs the room. */
.gm-site-header .gm-brand.gm-brand--v31 .gm-logo {
  width: clamp(280px, calc(100cqw - 560px), 304px);
}
@media (max-width: 900px) {
  /* Fixed 88px row (89px header with border) whatever the logo width, so the burger never moves. */
  .gm-site-header .gm-header-inner { min-height: 88px; }
  .gm-site-header .gm-brand.gm-brand--v31 .gm-logo { width: 280px; }
}
@media (max-width: 680px) {
  /* Logo + 44px menu button share the row: 4px gap (the icon itself adds ~10px of air). */
  .gm-site-header .gm-header-inner { column-gap: 4px; }
  .gm-site-header .gm-brand.gm-brand--v31 .gm-logo { width: min(280px, calc(100cqw - 48px)); }
  /* Footer uses two columns: the logo takes a full row. */
  .gm-site-footer .gm-brand.gm-brand--v31 { grid-column: 1 / -1; }
  .gm-site-footer .gm-brand.gm-brand--v31 .gm-logo { width: min(280px, 100cqw); }
}
@media (forced-colors: active) {
  .gm-brand.gm-brand--v31 > a { background: Canvas; padding: 4px; }
}