.gc-modal { z-index: 5000; }



.gc-modal .gc-panel {

  width: min(1080px, 100%);

  padding: 0;

  overflow: hidden;

  max-height: min(760px, calc(100vh - 48px));

}



.gc-modal .gc-band {

  flex: none;

  display: flex;

  align-items: center;

  gap: 9px;

  height: 74px;

  padding: 0 30px;

  background: #4E251B;

  color: #ffffff;

}

.gc-modal .gc-band svg { display: block; color: currentColor; }

.gc-modal .gc-band .mk { width: 28px; height: 28px; }

.gc-modal .gc-band .wd { width: 51px; height: 21px; }



.gc-modal .gc-body {

  flex: 1 1 auto;

  min-height: 0;

  display: grid;

  grid-template-columns: 45% 1fr;

}

.gc-modal .gc-col {

  min-width: 0;

  min-height: 0;

  overflow: auto;

  padding: 26px 30px 24px;

}

.gc-modal .gc-shot { display: block; min-width: 0; }

.gc-modal .gc-shot img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: 50% 38%;

}



@media (max-width: 720px) {

  .gc-modal .gc-panel { padding: 0; overflow: auto; }

  .gc-modal .gc-body { grid-template-columns: 1fr; }

  .gc-modal .gc-shot { order: -1; }

  .gc-modal .gc-shot img { aspect-ratio: 3 / 2; height: auto; }

  .gc-modal .gc-band { height: 62px; padding: 0 20px; }

  .gc-modal .gc-col { padding: 22px 20px 20px; }

}