/* Corner logos: use the left logo as the visual reference.
   Both logos stay fully inside the header, with matching 92px boxes and
   symmetric 4px edge offsets on desktop. */
.corner-logo-left,
.corner-logo-right {
  width: 92px !important;
  height: 92px !important;
  top: 2px !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

.corner-logo-left {
  left: 4px !important;
}

.corner-logo-right {
  right: 4px !important;
}

@media (max-width: 1050px) {
  .corner-logo-left,
  .corner-logo-right {
    width: 54px !important;
    height: 54px !important;
    top: 2px !important;
  }

  .corner-logo-left {
    left: 4px !important;
  }

  .corner-logo-right {
    right: 4px !important;
  }
}

@media (max-width: 500px) {
  .corner-logo-left,
  .corner-logo-right {
    width: 46px !important;
    height: 46px !important;
    top: 2px !important;
  }

  .corner-logo-left {
    left: 2px !important;
  }

  .corner-logo-right {
    right: 2px !important;
  }
}

@media (max-width: 360px) {
  .corner-logo-left,
  .corner-logo-right {
    width: 40px !important;
    height: 40px !important;
    top: 2px !important;
  }

  .corner-logo-left {
    left: 1px !important;
  }

  .corner-logo-right {
    right: 1px !important;
  }
}

/* Mobile-only: match the right logo to the left logo's actual rendered size. */
@media (max-width: 768px) {
  .corner-logo-right {
    width: 62px !important;
    height: 62px !important;
    max-width: none !important;
    max-height: none !important;
    top: 5px !important;
  }
}