.scg-mm{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 10;
  min-height: clamp(560px, 60vw, 960px);
  z-index:0;
}
.scg-mm-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
}
.scg-mm-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:16px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  text-align:center;
  gap:8px;
  z-index:1;
}
.scg-mm-center-logo{ max-width:60%; max-height:50%; object-fit:contain; }
.scg-mm-center-label{ font-weight:700; line-height:1.2; }
.scg-mm-items{ position:absolute; inset:0; z-index:1; }
.scg-mm-item{
  position:absolute;
  transform:translate(-50%,-50%);
  padding:10px 14px;
  border-radius:12px;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  white-space:nowrap;
  font-weight:600;
  background:#f5f5f5;
  transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}
.scg-mm-item:hover{ box-shadow:0 10px 26px rgba(0,0,0,.12); transform:translate(-50%,-50%) scale(1.03); }
.scg-mm-item a{ color:inherit; text-decoration:none; }

@media (max-width: 767px){
  .scg-mm{ aspect-ratio:auto; min-height:820px; }
  .scg-mm-items{ position:absolute; inset:0; }
  .scg-mm-item{ position:absolute; transform:translate(-50%,-50%); border-radius:12px; }
  .scg-mm-center{ width:240px !important; height:150px !important; }
}